/* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-author-list-container { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; position: relative; } @media only screen and (min-width: 728px) { .c-author-list-container { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-author-list-container { margin-bottom: 16px; } } .c-author-list-profile-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 16px; padding-bottom: 16px; padding-top: 16px; border-bottom: 1px solid #d8d8d8; line-height: 1.4; } @media only screen and (min-width: 728px) { .c-author-list-profile-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: unset; -ms-flex-align: unset; align-items: unset; margin-bottom: unset; } } .c-author-list-profile-container:last-child { border-bottom: none; } .c-author-list-details-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-left: 16px; } .c-author-list-details-name { font-size: 1.125rem; color: #333333; line-height: 1.13; font-family: "TorstarDeckCondensed", serif; font-weight: 700; } @media only screen and (min-width: 728px) { .c-author-list-details-name { font-size: 2rem; } } .c-author-list-details-container-items { margin-top: 4px; font-size: 0.875rem; line-height: 1.71; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; } .c-author-list-details-container-items .email-name { display: none; } @media only screen and (min-width: 728px) { .c-author-list-details-container-items .email-name { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-author-list-details-container-items .email-icon { display: -webkit-box; display: -ms-flexbox; display: flex; } @media only screen and (min-width: 728px) { .c-author-list-details-container-items .email-icon { display: none; } } .c-author-list-paginaton-container { margin-top: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-author-list-paginaton-container button { background-color: transparent; background-repeat: no-repeat; overflow: hidden; outline: none; padding: 0; color: black; } .c-author-list-paginaton-container button:focus { background-color: transparent; background-repeat: no-repeat; overflow: hidden; color: black; } .c-author-list-paginaton-container button:hover { background-color: transparent; color: black; } .c-author-list-paginaton-container button:disabled { background-color: #d8d8d8; color: #cccccc; } .c-author-list-paginaton-container button:disabled:hover { background-color: #d8d8d8; color: #cccccc; } .c-author-list-paging-arrow { width: 36px; height: 36px; border-radius: 5px; border: 1px solid black; cursor: pointer; color: black; } .c-author-list-paging-arrow.paging-arrow__disabled { opacity: 50%; cursor: auto; border: 1px solid #cccccc; } .c-author-list-paging-arrow .c-author-list-paging-arrow-icon { font-size: 2.25rem; } .c-author-list-paginaton-number-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 3; -ms-flex: 3 1; flex: 3 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .c-author-list-paginaton-number-container-items { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1.5rem; margin-right: 4px; } @media only screen and (min-width: 728px) { .c-author-list-paginaton-number-container-items { margin-right: 8px; } } .c-author-list-paginaton-number-container-items-selected { font-size: 2rem; color: #0a72bc; text-decoration: underline; cursor: auto; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-two-column-layout { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1086px) { .c-two-column-layout { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-two-column-layout-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } @media only screen and (min-width: 1086px) { .c-two-column-layout-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-two-column-layout__column-one { margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-two-column-layout__column-one { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-two-column-layout__column-one { -ms-flex-preferred-size: 66%; flex-basis: 66%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 16px; margin-bottom: 16px; } .c-two-column-layout__column-one--small { -ms-flex-preferred-size: 26%; flex-basis: 26%; min-width: 328px; } } .c-two-column-layout__column-two { margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-two-column-layout__column-two { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-two-column-layout__column-two { -ms-flex-preferred-size: 26%; flex-basis: 26%; min-width: 328px; margin-bottom: 16px; } .c-two-column-layout__column-two--large { -ms-flex-preferred-size: 66%; flex-basis: 66%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-article-list-ad { margin: 0 auto 8px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; text-align: center; } @media only screen and (min-width: 728px) { .c-article-list-ad { margin: 0 auto 16px; } } @media only screen and (min-width: 1086px) { .c-article-list-ad { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0 auto; } } .c-article-list-ad .c-article-list-ad__ad { margin-bottom: 0; } @media only screen and (min-width: 1086px) { .c-article-list-ad--sticky { position: -webkit-sticky; position: sticky; top: 55px; margin-bottom: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .c-googleadslot { display: none; } } .c-googleadslot { width: 100%; text-align: center; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-googleadslot { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-googleadslot { margin-bottom: 16px; } } .c-googleadslot__wrapper { display: inline-block; background-color: #ecebec; padding: 0 14px 14px; } .c-googleadslot__heading { font-family: 'Merriweather Sans', Helvetica, Roboto, Arial, sans-serif; font-size: 10px; color: #c2c2c2; letter-spacing: 0.6px; text-align: center; line-height: 20px; font-weight: bolder; margin-bottom: 0; padding: 4px 0 0; } /* Style overrides by ad size */ @media only screen and (min-width: 728px) { .c-googleadslot--728x90 .c-googleadslot__wrapper { padding-left: 0; padding-right: 0; } } @media only screen and (min-width: 1086px) { .c-googleadslot--728x90 .c-googleadslot__wrapper { padding-left: 14px; padding-right: 14px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media only screen and (max-width: 727px) { .with-wrapper-ad .article .article__loader { border-width: 0; } .with-wrapper-ad .article .alpha__big-box__body:first-of-type { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-page-layout { background: #f8f8f8; } @media only screen and (min-width: 1086px) { .c-page-layout { margin-left: auto; margin-right: auto; max-width: 1176px; } } .c-page-body { margin: 0 8px; padding-top: 8px; padding-bottom: 8px; } @media only screen and (min-width: 728px) { .c-page-body { margin: 0 16px; padding-bottom: 16px; padding-top: 16px; } } @media only screen and (min-width: 1086px) { .c-page-body { margin: 0 27px; } } .staricon-account:before,.staricon-ad:before,.staricon-angle-left:before,.staricon-author-email:before,.staricon-author-facebook:before,.staricon-author-rss:before,.staricon-author-twitter:before,.staricon-bookmark:before,.staricon-camera-outlined:before,.staricon-caret-down:before,.staricon-caret-right:before,.staricon-caret-up:before,.staricon-check:before,.staricon-checkmark:before,.staricon-chevron-left:before,.staricon-chevron-right:before,.staricon-arrow-btn-left:before,.staricon-arrow-btn-right:before,.staricon-close-circle:before,.staricon-close:before,.staricon-comments-outlined:before,.staricon-comments:before,.staricon-content-outlined:before,.staricon-content:before,.staricon-email-outlined:before,.staricon-email:before,.staricon-email-basic:before,.staricon-linkedin-basic:before,.staricon-whatsapp-basic:before,.staricon-exclamation-triangle:before,.staricon-facebook:before,.staricon-facebook-basic:before,.staricon-google-plus-amp:before,.staricon-google-plus:before,.staricon-icon-account:before,.staricon-icon-location:before,.staricon-instagram-fa:before,.staricon-instagram:before,.staricon-location:before,.staricon-more-dots:before,.staricon-newsltr-check:before,.staricon-newsltr-email:before,.staricon-newsltr-location:before,.staricon-newsltr-profile:before,.staricon-person-solid:before,.staricon-person-outline:before,.staricon-play:before,.staricon-printer:before,.staricon-question:before,.staricon-reddit-amp:before,.staricon-reddit:before,.staricon-republish:before,.staricon-review-halfstar-amp:before,.staricon-review-halfstar:before,.staricon-review-star-amp:before,.staricon-review-star-unfilled-amp:before,.staricon-review-star:before,.staricon-right-arrow:before,.staricon-right-thin-arrow:before,.staricon-rss-fa:before,.staricon-rss:before,.staricon-search:before,.staricon-share:before,.staricon-slideshow-outlined:before,.staricon-twitter:before,.staricon-twitter-basic:before,.staricon-video-outlined:before,.staricon-whatsapp:before,.staricon-caption-show:before,.staricon-caption-close:before,.staricon-youtube:before,.staricon-alert:before,.staricon-primarylabel-tail:before,.staricon-speciallabel-tail:before,.staricon-trust-icon:before,.staricon-error-reporting:before,.staricon-journalistic-standards:before,.staricon-external-link-indicator:before { font-family: 'star-icons'; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } .staricon { display: inline-block; position: relative; line-height: 1; top: 1px; } .staricon-account:before { content: '\F101'; } .staricon-ad:before { content: '\F102'; } .staricon-angle-left:before { content: '\F103'; } .staricon-author-email:before { content: '\F104'; } .staricon-author-facebook:before { content: '\F105'; } .staricon-author-rss:before { content: '\F106'; } .staricon-author-twitter:before { content: '\F107'; } .staricon-bookmark:before { content: '\F108'; } .staricon-camera-outlined:before { content: '\F109'; } .staricon-caret-down:before { content: '\F10a'; } .staricon-caret-right:before { content: '\F10b'; } .staricon-caret-up:before { content: '\F10c'; } .staricon-check:before { content: '\F10d'; } .staricon-checkmark:before { content: '\F10e'; } .staricon-chevron-left:before { content: '\F10f'; } .staricon-chevron-right:before { content: '\F110'; } .staricon-arrow-btn-left:before { content: '\F111'; } .staricon-arrow-btn-right:before { content: '\F112'; } .staricon-close-circle:before { content: '\F113'; } .staricon-close:before { content: '\F114'; } .staricon-comments-outlined:before { content: '\F115'; } .staricon-comments:before { content: '\F116'; } .staricon-content-outlined:before { content: '\F117'; } .staricon-content:before { content: '\F118'; } .staricon-email-outlined:before { content: '\F119'; } .staricon-email:before { content: '\F11a'; } .staricon-email-basic:before { content: '\F11b'; } .staricon-linkedin-basic:before { content: '\F11c'; } .staricon-whatsapp-basic:before { content: '\F11d'; } .staricon-exclamation-triangle:before { content: '\F11e'; } .staricon-facebook:before { content: '\F11f'; } .staricon-facebook-basic:before { content: '\F120'; } .staricon-google-plus-amp:before { content: '\F121'; } .staricon-google-plus:before { content: '\F122'; } .staricon-icon-account:before { content: '\F123'; } .staricon-icon-location:before { content: '\F124'; } .staricon-instagram-fa:before { content: '\F125'; } .staricon-instagram:before { content: '\F126'; } .staricon-location:before { content: '\F127'; } .staricon-more-dots:before { content: '\F128'; } .staricon-newsltr-check:before { content: '\F129'; } .staricon-newsltr-email:before { content: '\F12a'; } .staricon-newsltr-location:before { content: '\F12b'; } .staricon-newsltr-profile:before { content: '\F12c'; } .staricon-person-solid:before { content: '\F12d'; } .staricon-person-outline:before { content: '\F12e'; } .staricon-play:before { content: '\F12f'; } .staricon-printer:before { content: '\F130'; } .staricon-question:before { content: '\F131'; } .staricon-reddit-amp:before { content: '\F132'; } .staricon-reddit:before { content: '\F133'; } .staricon-republish:before { content: '\F134'; } .staricon-review-halfstar-amp:before { content: '\F135'; } .staricon-review-halfstar:before { content: '\F136'; } .staricon-review-star-amp:before { content: '\F137'; } .staricon-review-star-unfilled-amp:before { content: '\F138'; } .staricon-review-star:before { content: '\F139'; } .staricon-right-arrow:before { content: '\F13a'; } .staricon-right-thin-arrow:before { content: '\F13b'; } .staricon-rss-fa:before { content: '\F13c'; } .staricon-rss:before { content: '\F13d'; } .staricon-search:before { content: '\F13e'; } .staricon-share:before { content: '\F13f'; } .staricon-slideshow-outlined:before { content: '\F109'; } .staricon-twitter:before { content: '\F140'; } .staricon-twitter-basic:before { content: '\F141'; } .staricon-video-outlined:before { content: '\F142'; } .staricon-whatsapp:before { content: '\F143'; } .staricon-caption-show:before { content: '\F144'; } .staricon-caption-close:before { content: '\F145'; } .staricon-youtube:before { content: '\F146'; } .staricon-alert:before { content: '\F147'; } .staricon-primarylabel-tail:before { content: '\F148'; } .staricon-speciallabel-tail:before { content: '\F149'; } .staricon-trust-icon:before { content: '\F14a'; } .staricon-error-reporting:before { content: '\F14b'; } .staricon-journalistic-standards:before { content: '\F14c'; } .staricon-external-link-indicator:before { content: '\F14d'; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .alert-banner-container { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; font-size: 0.875rem; line-height: 1.25rem; background-color: #f8f8f8; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; display: none; position: relative; margin: 0 auto; border-bottom: 1px solid #d8d8d8; padding: 16px 40px 16px 16px; overflow: hidden; max-height: 500px; max-width: 1176px; } @media only screen and (max-width: 320px) { .alert-banner-container { font-size: 0.75rem; line-height: 1rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .alert-banner-container { font-size: 0.875rem; line-height: 1.25rem; } } @media only screen and (min-width: 1086px) { .alert-banner-container { font-size: 0.75rem; line-height: 1rem; } } .alert-banner-container__inner-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-item-align: center; align-self: center; } @media all and (-ms-high-contrast: none) { .alert-banner-container__inner-container { width: 100%; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .alert-banner-container__inner-container { padding: 0 20px 0 40px; } } @media only screen and (min-width: 1086px) { .alert-banner-container__inner-container { margin: 0 auto; max-width: 880px; } } .alert-banner-container__alert-banner-category { color: #b40404; font-weight: 800; padding-right: 5px; } .alert-banner-container__alert-banner-headline a, .alert-banner-container__alert-banner-headline a:hover, .alert-banner-container__alert-banner-headline span { color: #333333; text-decoration: none; } .alert-banner-container__breaking-close-btn { font-size: 16px; cursor: pointer; color: #333333; position: absolute; right: 16px; top: 16px; text-align: center; } .alert-banner-container.show-breaking { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media print { .alert-banner-container.show-breaking { display: none; } } .alert-banner-container__ring-container { position: relative; display: inline-block; min-width: 24px; height: 12px; } .alert-banner-container__circle { width: 13px; height: 14px; background-color: #b40404; border-radius: 50%; position: absolute; top: 1px; left: 1px; } .alert-banner-container__ringring { border: 4px solid #b40404; height: 26px; width: 25px; position: absolute; left: -5px; top: -5px; border-radius: 50%; -webkit-animation: pulsate 1s ease-out; animation: pulsate 1s ease-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; opacity: 0; } @-webkit-keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0; } } @keyframes pulsate { 0% { -webkit-transform: scale(0.1, 0.1); opacity: 0; } 50% { opacity: 1; } 100% { -webkit-transform: scale(1.2, 1.2); opacity: 0; } } .alert-banner-container.banner-slide-out { -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; max-height: 0; padding-top: 0; padding-bottom: 0; opacity: 0; border: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .article-list-heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #333; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; font-weight: 800; line-height: 1; } .article-list-heading-text { border-bottom: 2px solid #333; padding-bottom: 8px; padding-top: 3px; } .article-list-heading-text--small { font-size: 0.75rem; } @media only screen and (min-width: 728px) { .article-list-heading-text { padding-top: 5px; } } .article-list-heading-text--highlighted { color: #0062a1; } .article-list-heading-logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 8px; position: relative; } .article-list-heading-logo::before { background-color: #737373; content: ''; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: inline-block; height: 1px; margin-right: 13px; } .article-list-heading__link { color: #333; display: block; position: relative; } .article-list-heading__link:hover, .article-list-heading__link:active { color: #333; } .article-list-heading__link:hover .article-list-heading__chevron, .article-list-heading__link:active .article-list-heading__chevron { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0); background-color: #ecebec; } .article-list-heading__chevron { color: #333; font-size: 1.875rem; position: absolute; height: 28px; width: 28px; border-radius: 50%; top: 0; right: 0; margin-top: calc((1.25rem / 2) * -1); -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; -o-transition-property: background-color, transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-timing-function: ease; -o-transition-timing-function: ease; transition-timing-function: ease; background-color: rgba(236, 235, 236, 0); } .article-list-heading__chevron::before { position: absolute; left: 0; top: 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-sponsored-logo { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-sponsored-logo img { max-height: 48px; max-width: 112px; margin-top: -1px; } .c-sponsored-logo-absolute { position: absolute; margin: 4px 0; right: 16px; bottom: 16px; z-index: 10; } @media only screen and (min-width: 728px) { .c-sponsored-logo-absolute { right: 16px; } } .c-sponsored-logo-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-sponsored-logo-text { color: #737373; font-size: 0.625rem; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; text-transform: none; line-height: 1.6; margin-right: 4px; } .c-sponsored-logo__alt-text { display: inline-block; font-size: 0.75rem; line-height: 1; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-author-badge { display: -webkit-box; display: -ms-flexbox; display: flex; border: solid 1px rgba(0, 0, 0, 0.15); border-radius: 50%; min-width: 72px; min-height: 72px; width: 72px; height: 72px; overflow: hidden; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-author-badge--no-img { background-image: -webkit-gradient(linear, left top, left bottom, from(#626262), to(#333333)); background-image: -o-linear-gradient(top, #626262, #333333); background-image: linear-gradient(to bottom, #626262, #333333); } .c-author-badge--no-author { border: none; background-image: none; } .c-author-badge__img { width: 100%; height: auto; } .c-author-badge__initials { display: inline-block; color: #fff; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; font-size: 1.5rem; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .c-article-meter-banner { display: none; } } html[data-theme='heavy-blue'] .c-article-meter-banner { background-color: #0072bc; } html[data-theme='heavy-blue'] .c-article-meter-banner .signUpButton { color: #0072bc; background-color: #fff; border: 1px solid #fff; } html[data-theme='blue'] .c-article-meter-banner { background-color: #0072bc; } html[data-theme='blue'] .c-article-meter-banner .signUpButton { color: #0072bc; background-color: #fff; border: 1px solid #fff; } html[data-theme='red'] .c-article-meter-banner { background-color: #333; } html[data-theme='red'] .c-article-meter-banner .signUpButton { color: #fff; background-color: #c51e24; border: 1px solid #c51e24; } .c-article-meter-banner { position: fixed; left: 0; right: 0; bottom: 0; margin-left: auto; margin-right: auto; width: 100%; background-color: #0072bc; height: 60px; color: #fff; z-index: 1900; } .c-article-meter-banner .signUpButton { background-color: #fff; border: 1px solid #fff; border-radius: 8px; color: #0072bc; } @media only screen and (min-width: 728px) { .c-article-meter-banner { height: 70px; } } @media only screen and (min-width: 1086px) { .c-article-meter-banner { width: 1176px; -webkit-animation: scaleUp 0.5s ease both; animation: scaleUp 0.5s ease both; -webkit-animation-delay: 5s; animation-delay: 5s; } } @-webkit-keyframes scaleUp { from { opacity: 0; -webkit-transform: scale(0.8); } } @keyframes scaleUp { from { opacity: 0; -webkit-transform: scale(0.8); transform: scale(0.8); } } .signUpButton { height: 50px; float: right; line-height: 0; border-radius: 2px; position: absolute; top: 10px; right: 20px; } @media only screen and (max-width: 727px) { .signUpButton { right: 10px; padding: 0; margin: 0; width: 44%; height: 35px; font-size: 15px; top: 12px; } } @media only screen and (max-width: 320px) { .signUpButton { width: 36%; height: 35px; font-size: 14px; top: 13px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .subscriptionBtnTabletStyle { padding: 2px 7px; } } .counterMessage { display: inline-block; font-size: 16px; padding: 0 10px; } @media only screen and (max-width: 727px) { .counterMessage { font-size: 18px; margin: 20px 8px 16px 5px; padding: 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .counterMessage { font-size: 15px; } } .counter { font-size: 30px; display: inline-block; width: 50px; height: 100%; margin-left: 20px; } @media only screen and (max-width: 727px) { .counter { font-size: 26px; margin-left: 12px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .counter { font-size: 27px; width: 40px; } } .divider { display: none; } @media only screen and (min-width: 728px) { .divider { height: 40px; width: 2px; background: #666; top: 15px; position: relative; display: inline-block; margin-left: 10px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .divider { margin-left: 0; } } .fullText { bottom: 0 !important; margin-left: 20px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .fullText { margin-left: 10px; font-size: 15px !important; } } @media only screen and (max-width: 320px) { .fullText { font-size: 15px !important; } } .fullText b { cursor: pointer; } .meterText { margin-left: 90px; display: inline-block; vertical-align: middle; bottom: -18px; position: relative; font-size: 16px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .meterText { margin-left: 10px; } } @media only screen and (max-width: 727px) { .meterText { margin-left: 5px; } } @media only screen and (min-width: 1086px) { .meterText { font-size: 18px; } } .lastArticleFullTextRegister { margin-left: 130px; margin-top: 23px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .lastArticleFullTextRegister { margin-left: 20px; } } @media only screen and (max-width: 727px) { .lastArticleFullTextRegister { margin-left: 10px; font-size: 16px; } } .lastArticleFullTextSubscribe { margin-left: 110px; margin-top: 23px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .lastArticleFullTextSubscribe { margin-left: 20px; } } @media only screen and (max-width: 727px) { .lastArticleFullTextSubscribe { margin-left: 10px; font-size: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .basic-paywall-new .boldText { color: #0062a1; } html[data-theme='heavy-blue'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in { color: #0062a1; } html[data-theme='heavy-blue'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in:hover, html[data-theme='heavy-blue'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in:focus { color: #00548b; } html[data-theme='heavy-blue'] .basic-paywall-new .help-bar-inner a { color: #0062a1; } html[data-theme='heavy-blue'] .basic-paywall-new .help-bar-inner a:hover, html[data-theme='heavy-blue'] .basic-paywall-new .help-bar-inner a:focus { color: #00548b; } html[data-theme='blue'] .basic-paywall-new .boldText { color: #333; } html[data-theme='blue'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in { color: #007ac2; } html[data-theme='blue'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in:hover, html[data-theme='blue'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in:focus { color: #0e62a2; } html[data-theme='blue'] .basic-paywall-new .help-bar-inner a { color: #007ac2; } html[data-theme='blue'] .basic-paywall-new .help-bar-inner a:hover, html[data-theme='blue'] .basic-paywall-new .help-bar-inner a:focus { color: #0e62a2; } html[data-theme='red'] .basic-paywall-new .boldText { color: #333; } html[data-theme='red'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in { color: #c51e24; } html[data-theme='red'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in:hover, html[data-theme='red'] .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in:focus { color: #c51e24; } html[data-theme='red'] .basic-paywall-new .help-bar-inner a { color: #c51e24; } html[data-theme='red'] .basic-paywall-new .help-bar-inner a:hover, html[data-theme='red'] .basic-paywall-new .help-bar-inner a:focus { color: #c51e24; } .bannerWall { background-color: #404040; min-height: 56.61px; color: #fff; font-family: 'Merriweather Sans', sans-serif; text-align: center; line-height: 3; } .bannerWall::before { content: ''; display: inline-block; vertical-align: middle; width: 1px; height: 56.61px; } .articleMeterWall { margin-left: auto; margin-right: auto; -webkit-filter: blur(0px); filter: blur(0px); width: 100%; background-color: #fff; z-index: 1000403; height: 475px; color: #fff; font-family: 'Merriweather Sans', sans-serif; } @media only screen and (min-width: 1086px) { .articleMeterWall { width: 1176px; -webkit-box-shadow: 0 10px 10px 0 rgba(64, 64, 64, 0.45); box-shadow: 0 10px 10px 0 rgba(64, 64, 64, 0.45); } } .articleMeterWall .paywall-bg-img { margin-top: -200px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .articleMeterWall .paywall-bg-img { margin-top: -145px; } } @media only screen and (max-width: 727px) { .articleMeterWall .paywall-bg-img { margin-top: 5px; margin-left: -35px; float: left; width: 100%; } } .articleMeterWall--thespec .paywall-bg-img { margin: -122px 0 0 30px; width: 85%; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .articleMeterWall--thespec .paywall-bg-img { margin-top: -62px; } } @media only screen and (max-width: 727px) { .articleMeterWall--thespec .paywall-bg-img { margin-top: 5px; margin-left: -35px; float: left; width: 100%; } } .articleMeterWall--thespec .upgrade-ribbon { margin-top: -55px; width: 58px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .articleMeterWall--thespec .paywall-bg-wrap { margin-top: 45px; margin-left: -27px; width: 73%; } } .articleMeterWall--thestar .paywall-bg-img { margin: -122px 0 0 30px; width: 85%; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .articleMeterWall--thestar .paywall-bg-img { margin-top: -62px; } } @media only screen and (max-width: 727px) { .articleMeterWall--thestar .paywall-bg-img { margin-top: 5px; margin-left: -35px; float: left; width: 100%; } } .articleMeterWall--thestar .upgrade-ribbon { margin-top: -55px; width: 58px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .articleMeterWall--thestar .paywall-bg-wrap { margin-top: 45px; margin-left: -27px; width: 73%; } } .signUpWallButton { height: 44.35px; line-height: 0; border-radius: 2px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px auto 25px auto; width: 315px; background-color: #2a5db0; font-size: 16px; font-family: 'Merriweather Sans', sans-serif; } @media only screen and (max-width: 727px) { .signUpWallButton { right: 0; width: 90%; font-size: 1rem; } } .wallText { color: #4a4a4a; font-size: 18px; text-align: center; padding: 15px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; width: 100%; } @media only screen and (min-width: 728px) { .wallText { padding-bottom: 5px; } } .wallText.print { font-size: 12px; } .wallText .basic-access-price { font-weight: bold; } .boldText { color: #000; text-align: center; padding: 20px 0 5px 0; font-size: 30px; } .fullText { display: inline-block; vertical-align: middle; font-size: 14px; bottom: 10px; position: relative; } .top-banner-text { margin-left: 0; } .wallLogo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0 auto; height: 45px; } @media only screen and (max-width: 727px) { .wallLogo img { width: 155px; height: 24px; } } @media only screen and (min-width: 728px) { .wallLogo img { width: 293px; height: 45px; } } .subWallText { padding-top: 0; } .subBoldText { padding-bottom: 0; } .wallLoading { color: #000; font-family: inherit; text-align: center; } .staricon-newsltr-check { color: #32cd32; padding-right: 5px; font-size: 13px; } .subscribeToday { font-weight: bold; font-size: 18px; padding-top: 15px; } .subFirstMonth { font-weight: normal; font-size: 18px; padding-top: 0; color: #000; } .subSignUpWallButton { width: 210px; border-radius: 5px; background-color: #0072bc; font-size: 14px; font-family: 'Merriweather Sans', sans-serif; display: block; padding-top: 10px; padding-bottom: 10px; height: auto; line-height: normal; } .subSignUpWallButtonNoBG { background: #fff; color: #0072bc; width: 210px; border: solid 1px #0072bc; border-radius: 5px; font-size: 14px; font-family: 'Merriweather Sans', sans-serif; display: block; padding-top: 10px; padding-bottom: 10px; height: auto; line-height: normal; } .getAccessButton { padding: 20px; font-size: 18px; } .getAccessButton:hover { color: #fff; background: #0072bc; } .subButtonsContainer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 450px; margin: 0 auto; } .flex-item { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .subArticleMeterWall, .hardArticleMeterWall { font-family: 'Merriweather Sans', sans-serif; height: auto; background-color: #fafafa; } .signUpWallButton b, .signUpWallButton span { display: block; } .signUpWallButton b { width: 100%; text-align: center; } .unlimitedArticlesText { font-size: 18px; } .subTerms { font-size: 12px; color: #666; } .subLine { border-top: solid 1px #ddd; padding: 0; } .alreadySubscribed-title { font-weight: normal; font-size: 18px; padding-bottom: 0; color: #000; padding-top: 20px; } .alreadySubscribed-subText { font-weight: normal; font-size: 18px; padding-top: 0; } .complimentaryAccess { padding-top: 0; padding-bottom: 0; font-size: 14px; font-weight: bold; } .needHelpText { font-size: 14px; background-color: #fff; width: 100%; } .subPrice { font-size: 14px; } @media only screen and (max-width: 727px) { .boldText { font-size: 20px; } .getAccessButton { float: none !important; height: 44px !important; padding: 10px; font-size: 16px; } .unlimitedArticlesText { font-size: 15px; } } @media only screen and (max-width: 728px) { .wallText, .bannerWall { line-height: normal; font-size: 15px; } .wallText .fullText, .bannerWall .fullText { font-size: 12px; } .subButtonsContainer .flex-item { width: 50%; } .subButtonsContainer { width: 100%; } .subSignUpWallButtonNoBG, .subSignUpWallButton { width: 80%; height: 100px; padding-left: 5px; padding-right: 5px; } .subSignUpWallButtonNoBG { float: right; } .subSignUpWallButton { float: left; margin-left: 5px; } .needHelpText { background-color: #eee; } } .basic-access-sub-wrap { padding: 20px 0; } .c-button.c-button--meter-wall { width: 130px; float: right; font-size: 14px; font-weight: bold; } @media only screen and (max-width: 727px) { .c-button.c-button--meter-wall { font-size: 12px; } } .c-button.c-button--wsj-meter-wall { width: 130px; font-size: 14px; font-weight: bold; } @media only screen and (max-width: 727px) { .c-button.c-button--wsj-meter-wall { font-size: 12px; } } .upgrade-ribbon { margin-top: -60px; height: 105px; width: 100px; margin-left: 30px; position: absolute; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .upgrade-ribbon { width: 80px; margin-top: -70px; } } @media only screen and (max-width: 727px) { .upgrade-ribbon { margin-left: 18px; width: 60px; margin-top: -70px; } } .paywall-bg-wrap { width: 73%; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .paywall-bg-wrap { width: 50%; } } @media only screen and (max-width: 727px) { .paywall-bg-wrap { width: 100%; } } .clearfloat { clear: both; } /** Specifically for new basic wall **/ .basic-paywall-new { background-color: #f8f8f8; } @media only screen and (max-width: 727px) { .basic-paywall-new { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } } .basic-paywall-new .unlimitedArticlesText { font-size: 18px; font-style: italic; float: right; text-align: left; color: #555555; border-bottom: 2px solid #a4a4a4; padding-right: 60px; } @media only screen and (max-width: 727px) { .basic-paywall-new .unlimitedArticlesText { font-size: 13px; width: 88%; text-align: left; margin-bottom: 30px; padding: 6px 30px 5px 0; } } .basic-paywall-new .gradient-fade { width: 100%; height: 300px; position: relative; margin-top: -300px; background: -o-linear-gradient(rgba(255, 255, 255, 0) 150px, #f8f8f8); background: linear-gradient(rgba(255, 255, 255, 0) 150px, #f8f8f8); } .basic-paywall-new .bannerWall { padding: 3px 0 6px; height: 40px; min-height: auto; } @media only screen and (max-width: 727px) { .basic-paywall-new .bannerWall { font-size: 12px; height: 35px; padding-top: 6px; text-align: right; padding-right: 30px; } } .basic-paywall-new .bannerWall::before { height: auto; } .basic-paywall-new .bannerWall .wallText, .basic-paywall-new .bannerWall .bannerWall { text-align: right; padding-right: 23px; } .basic-paywall-new .bannerWall .wallText .fullText, .basic-paywall-new .bannerWall .bannerWall .fullText { font-size: 12px; } .basic-paywall-new .wallText { padding: 0 30px; text-align: right; margin: 0; color: #555555; font-size: 17px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .basic-paywall-new .wallText { padding-left: 250px; } } @media only screen and (min-width: 1086px) { .basic-paywall-new .wallText { padding: 0 60px 0 425px; } } .basic-paywall-new .hardArticleMeterWall { background: #e1e8ef url("/assets/img/digital-access_bg_desktop.png") no-repeat; background-position: 100% -27%; background-size: 100% 92%; } @media only screen and (max-width: 727px) { .basic-paywall-new .hardArticleMeterWall { background-image: #e1e8ef url("/assets/img/digital-access_bg-mobile.png") no-repeat; background-size: 100% 83%; } } .basic-paywall-new .subArticleMeterWall { height: 356px; color: #000000; -webkit-box-shadow: none; box-shadow: none; } .basic-paywall-new .subArticleMeterWall a { color: #000000; } .basic-paywall-new .subArticleMeterWall .homeBar { padding-top: 40px; padding-left: 75px; opacity: 0.7; } .basic-paywall-new .subArticleMeterWall .homeBar .homeBarLink { font-size: 12px; opacity: 0.7; font-weight: bold; line-height: 2; } .basic-paywall-new .subArticleMeterWall .leftArrow { width: 16px; margin-right: 3px; margin-top: -2px; } .basic-paywall-new .subArticleMeterWall .paragraphTexts { text-align: center; } .basic-paywall-new .subArticleMeterWall .paragraph_1 { font-size: 60px; font-family: TorstarTextO3, sans-serif; font-weight: bold; line-height: 1; } .basic-paywall-new .subArticleMeterWall .paragraph_2 { margin-top: 10px; font-size: 27px; font-weight: bold; line-height: 1.19; } .basic-paywall-new .subArticleMeterWall .paragraph_3 { margin-top: 9px; font-size: 17px; margin-bottom: 20px; } .basic-paywall-new .subArticleMeterWall .paragraph_4 { margin-top: 16px; font-size: 14px; } .basic-paywall-new .subArticleMeterWall .paragraph_4 a { text-decoration: underline; font-weight: bold; } .basic-paywall-new .subArticleMeterWall--thestar { color: #ffffff; } .basic-paywall-new .subArticleMeterWall--thestar a { color: #ffffff; } .basic-paywall-new .subArticleMeterWall--thestar .leftArrow { -webkit-filter: invert(1); filter: invert(1); } .basic-paywall-new .subArticleMeterWall--thestar a.paywallButton { color: #005389; } .basic-paywall-new .subArticleMeterWall .paywallButton { background-color: #ffffff; width: 345px; height: 48px; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.1); font-size: 16px; line-height: 1.5; padding: 12px 35px; font-weight: bold; color: #ffffff; display: inline-block; } @media only screen and (max-width: 727px) { .basic-paywall-new .subArticleMeterWall { background-position: 50%; width: 100%; } .basic-paywall-new .subArticleMeterWall .paragraphTexts { padding: 0 10px; } .basic-paywall-new .subArticleMeterWall .homeBar { padding-top: 35px; padding-left: 25px; } .basic-paywall-new .subArticleMeterWall .paragraph_1 { font-size: 44px; line-height: 1; margin-top: 10px; } .basic-paywall-new .subArticleMeterWall .paragraph_2 { font-size: 16px; line-height: 1.41; } .basic-paywall-new .subArticleMeterWall .paragraph_3 { font-size: 12px; line-height: 1.33; margin-bottom: 25px; } .basic-paywall-new .subArticleMeterWall .paragraph_4 { font-size: 12px; line-height: 1.71; } .basic-paywall-new .subArticleMeterWall .paywallButton { width: 220px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .basic-paywall-new .subArticleMeterWall { background-position: 50%; width: 100%; } .basic-paywall-new .subArticleMeterWall .homeBar { padding-top: 40px; padding-left: 45px; } .basic-paywall-new .subArticleMeterWall .paragraph_1 { font-size: 57px; line-height: 1.05; margin-top: 10px; } .basic-paywall-new .subArticleMeterWall .paragraph_2 { font-size: 24px; line-height: 1.33; } .basic-paywall-new .subArticleMeterWall .paragraph_3 { font-size: 14px; line-height: 1.71; margin-bottom: 25px; } .basic-paywall-new .subArticleMeterWall .paragraph_4 { font-size: 14px; line-height: 1.71; } .basic-paywall-new .subArticleMeterWall .paywallButton { width: 345px; } } .basic-paywall-new .subFirstMonth { font-size: 20px; color: #404040; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .basic-paywall-new .subFirstMonth { font-size: 18px; line-height: 36px; margin-top: -12px; } } @media only screen and (max-width: 727px) { .basic-paywall-new .subFirstMonth { font-size: 12px; } } .basic-paywall-new .boldText { color: #005389; text-align: right; padding-top: 35px; padding-bottom: 5px; font-size: 39px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .basic-paywall-new .boldText { font-size: 32px; } } @media only screen and (max-width: 727px) { .basic-paywall-new .boldText { font-size: 17px; margin-top: 8px; } .basic-paywall-new .boldText.wallText { padding-right: 30px; } } .basic-paywall-new .top-banner-text { margin-top: -20px; } @media only screen and (max-width: 727px) { .basic-paywall-new .top-banner-text { margin-top: 0; } } .basic-paywall-new .subBoldText { padding-bottom: 7px; } .basic-paywall-new .helpBar.help { margin-top: 30px; background-color: #fafafa; } @media only screen and (max-width: 727px) { .basic-paywall-new .helpBar.help { width: 100%; margin: 0; font-size: 12px; } .basic-paywall-new .helpBar.help .help-bar-inner { width: 88%; margin-left: auto; margin-right: auto; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .basic-paywall-new br.break-after-price { display: none; } } .basic-paywall-new .o-paywall-sign-in { clear: right; padding: 20px 0 0; font-size: 17px; } @media only screen and (max-width: 727px) { .basic-paywall-new .o-paywall-sign-in { padding: 15px 0 14px; font-size: 13px; } } .basic-paywall-new .o-paywall-sign-in .c-btn-paywall-sign-in { font-weight: bold; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-manual-wall { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; position: relative; background-repeat: no-repeat; background-position: center center; width: 100%; height: 400px; padding-top: 60px; } @media only screen and (min-width: 769px) { .c-manual-wall { width: 1440px; height: 450px; padding-top: 70px; max-width: 100%; margin: 0 auto; margin-top: -20px; } } .c-manual-wall--thestar { width: 100%; height: 400px; padding-top: 60px; } @media only screen and (min-width: 769px) { .c-manual-wall--thestar { max-width: 1176px; height: 407px; } } .c-manual-wall__heading1, .c-manual-wall__heading2 { font-family: TorstarTextO3, sans-serif; margin: 0; } .c-manual-wall__heading1 { font-size: 18px; letter-spacing: 1.29px; } @media only screen and (min-width: 769px) { .c-manual-wall__heading1 { font-size: 28px; letter-spacing: 2px; margin-bottom: -10px; } } .c-manual-wall__heading2 { font-size: 50px; line-height: 1; margin-bottom: 13px; } @media only screen and (min-width: 570px) { .c-manual-wall__heading2 { font-size: 52px; margin-bottom: 5px; } } @media only screen and (min-width: 769px) { .c-manual-wall__heading2 { font-size: 60px; margin-bottom: 22px; } } .c-manual-wall__paragraph1, .c-manual-wall__paragraph2 { font-family: 'Merriweather Sans', sans-serif; margin: 0; } .c-manual-wall__paragraph1 { font-weight: bold; font-size: 17px; margin-bottom: 7px; } @media only screen and (min-width: 570px) { .c-manual-wall__paragraph1 { font-size: 20px; margin-bottom: 6px; } } @media only screen and (min-width: 769px) { .c-manual-wall__paragraph1 { font-size: 27px; margin-bottom: 4px; } } .c-manual-wall__paragraph2 { color: #333; font-size: 12px; margin-bottom: 12px; } @media only screen and (min-width: 570px) { .c-manual-wall__paragraph2 { font-size: 14px; margin-bottom: 15px; } } @media only screen and (min-width: 769px) { .c-manual-wall__paragraph2 { font-size: 14px; margin-bottom: 11px; } } .c-manual-wall__subscribe_button { background-color: #0062a1; color: #fff; width: 220px; height: 48px; border: 1px solid #0062a1; border-radius: 5px; font-size: 16px; line-height: 1.5; padding: 12px 35px; font-weight: bold; display: inline-block; margin-bottom: 12px; } @media only screen and (min-width: 570px) { .c-manual-wall__subscribe_button { margin-bottom: 14px; width: 345px; } } @media only screen and (min-width: 769px) { .c-manual-wall__subscribe_button { margin-bottom: 11px; } } .c-manual-wall__subscribe_button:hover { color: #fff; } .c-manual-wall__footer-text { color: #333; font-size: 12px; } @media only screen and (min-width: 570px) { .c-manual-wall__footer-text { font-size: 14px; } } @media only screen and (min-width: 769px) { .c-manual-wall__footer-text { font-size: 14px; } } .c-manual-wall__footer-text-link { color: #0062a1; text-decoration: underline; font-weight: bold; } @media only screen and (min-width: 769px) { .c-manual-wall__footer-text-link { font-size: 14px; } } .c-manual-wall__home-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #0062a1; font-size: 12px; position: absolute; top: 75px; left: 20px; } @media only screen and (min-width: 570px) { .c-manual-wall__home-link { top: 80px; left: 50px; } } @media only screen and (min-width: 769px) { .c-manual-wall__home-link { padding: 10px 0; top: 75px; left: 65px; } } .c-material-icon.c-manual-wall__home-link-arrow { color: #0062a1; font-size: 22px; } .c-manual-wall--thespec .c-manual-wall__paragraph1, .c-manual-wall--thespec .c-manual-wall__paragraph2, .c-manual-wall--therecord .c-manual-wall__paragraph1, .c-manual-wall--therecord .c-manual-wall__paragraph2 { color: #000; } .c-manual-wall--thespec .c-manual-wall__footer-text, .c-manual-wall--thespec .c-manual-wall__footer-text-link, .c-manual-wall--therecord .c-manual-wall__footer-text, .c-manual-wall--therecord .c-manual-wall__footer-text-link { color: #000; } .c-manual-wall--thespec .c-manual-wall__home-link, .c-manual-wall--thespec .c-material-icon.c-manual-wall__home-link-arrow, .c-manual-wall--therecord .c-manual-wall__home-link, .c-manual-wall--therecord .c-material-icon.c-manual-wall__home-link-arrow { color: #333; } .c-manual-wall--therecord .c-manual-wall__subscribe_button { color: #c51e24; background-color: #fff; border-color: #c51e24; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-material-icon { font-size: 30px; color: #0062a1; display: inline-block; } .c-material-icon--white { color: #fff; } .c-material-icon--light-blue { color: #66cef4; } .c-material-icon--dark-blue { color: #005389; } .c-material-icon--black { color: #000; } .c-material-icon--dark-grey { color: #737373; } .c-material-icon--light-green { color: #7ed321; } .c-material-icon--red { color: #c91111; } .c-material-icon--deep-blue { color: #00548b; } .c-material-icon--expand-icon-grey { background-color: #ecebec; color: #c2c0c2; } .c-material-icon--circular { border-radius: 50%; } .c-material-icon--small { font-size: 24px; } .c-material-icon--expand-icon-blue-deep { background-color: #ecebec; color: #00548b; } .c-material-icon--close-overlay { font-size: 20px; color: #fff; background-color: #333; border-radius: 100%; padding: 3px; } .c-material-icon--article-readtime-clock, .c-material-icon--article-last-modified { line-height: 20px; font-size: 14px; color: #333333; vertical-align: middle; padding-right: 2px; } .c-material-icon--subscription-add { width: 100%; font-size: 18px; padding: 0; font-weight: bold; } .c-material-icon--wsj { width: auto; font-size: 20px; height: 100%; margin: 0 0 0 4px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-material-icon--article-readtime-clock { line-height: 16px; font-size: 12px; } .c-material-icon--expand-less, .c-material-icon--expand-more { margin-top: -18px; right: 20%; } } @media only screen and (max-width: 727px) { .c-material-icon--article-readtime-clock { line-height: 16px; font-size: 12px; margin-right: 2px; margin-left: 2px; } .c-material-icon--subscription-add { width: 100%; font-size: 12px; padding: 4px 0; font-weight: bold; } .c-material-icon--expand-less, .c-material-icon--expand-more { margin-top: -18px; right: 20px; } .c-material-icon--wsj { display: block; width: 100%; font-size: 20px; height: 100%; margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } } @media only screen and (max-width: 320px) { .c-material-icon--article-readtime-clock { line-height: 12px; font-size: 10px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .overlayRightPanel, html[data-theme='heavy-blue'] .overlaySmallTopPanel, html[data-theme='heavy-blue'] .overlayLeftBluePole, html[data-theme='heavy-blue'] .overlayBottomBar { background: #006ebb; } html[data-theme='heavy-blue'] .btnViewOffers { background-color: #0062a1; } html[data-theme='heavy-blue'] .btnViewOffers:hover, html[data-theme='heavy-blue'] .btnViewOffers:focus { background-color: #00548b; } html[data-theme='heavy-blue'] a.overlayExclusiveSigninText { color: #0062a1; } html[data-theme='heavy-blue'] a.overlayExclusiveSigninText:hover, html[data-theme='heavy-blue'] a.overlayExclusiveSigninText:focus { color: #00548b; } html[data-theme='heavy-blue'] .overlayEverNeedText, html[data-theme='heavy-blue'] .overlayNewsChangeText, html[data-theme='heavy-blue'] .btnCloseOverlay { color: #fff; } @media only screen and (min-width: 1086px) { html[data-theme='heavy-blue'] .overlayRightPanel { background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(100%)); background: -o-linear-gradient(top, #fafafa 0%, 100%); background: linear-gradient(180deg, #fafafa 0%, 100%); } } @media only screen and (max-width: 1085px) { html[data-theme='heavy-blue'] .overlaySmallTopPanel { background: -o-linear-gradient(302deg, #fafafa 0%, 100%); background: linear-gradient(148deg, #fafafa 0%, 100%); } } html[data-theme='blue'] .overlayRightPanel, html[data-theme='blue'] .overlaySmallTopPanel, html[data-theme='blue'] .overlayLeftBluePole, html[data-theme='blue'] .overlayBottomBar { background: #dae3f1; } html[data-theme='blue'] .btnViewOffers { background-color: #007ac2; } html[data-theme='blue'] .btnViewOffers:hover, html[data-theme='blue'] .btnViewOffers:focus { background-color: #0e62a2; } html[data-theme='blue'] a.overlayExclusiveSigninText { color: #007ac2; } html[data-theme='blue'] a.overlayExclusiveSigninText:hover, html[data-theme='blue'] a.overlayExclusiveSigninText:focus { color: #0e62a2; } html[data-theme='blue'] .overlayEverNeedText, html[data-theme='blue'] .overlayNewsChangeText, html[data-theme='blue'] .btnCloseOverlay { color: #333; } @media only screen and (min-width: 1086px) { html[data-theme='blue'] .overlayRightPanel { background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dae3f1)); background: -o-linear-gradient(top, #fafafa 0%, #dae3f1 100%); background: linear-gradient(180deg, #fafafa 0%, #dae3f1 100%); } } @media only screen and (max-width: 1085px) { html[data-theme='blue'] .overlaySmallTopPanel { background: -o-linear-gradient(302deg, #fafafa 0%, #dae3f1 100%); background: linear-gradient(148deg, #fafafa 0%, #dae3f1 100%); } } html[data-theme='red'] .overlayRightPanel, html[data-theme='red'] .overlaySmallTopPanel, html[data-theme='red'] .overlayLeftBluePole, html[data-theme='red'] .overlayBottomBar { background: #dae3f1; } html[data-theme='red'] .btnViewOffers { background-color: #c51e24; } html[data-theme='red'] .btnViewOffers:hover, html[data-theme='red'] .btnViewOffers:focus { background-color: #c51e24; } html[data-theme='red'] a.overlayExclusiveSigninText { color: #c51e24; } html[data-theme='red'] a.overlayExclusiveSigninText:hover, html[data-theme='red'] a.overlayExclusiveSigninText:focus { color: #c51e24; } html[data-theme='red'] .overlayEverNeedText, html[data-theme='red'] .overlayNewsChangeText, html[data-theme='red'] .btnCloseOverlay { color: #333; } @media only screen and (min-width: 1086px) { html[data-theme='red'] .overlayRightPanel { background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#dae3f1)); background: -o-linear-gradient(top, #fafafa 0%, #dae3f1 100%); background: linear-gradient(180deg, #fafafa 0%, #dae3f1 100%); } } @media only screen and (max-width: 1085px) { html[data-theme='red'] .overlaySmallTopPanel { background: -o-linear-gradient(302deg, #fafafa 0%, #dae3f1 100%); background: linear-gradient(148deg, #fafafa 0%, #dae3f1 100%); } } @media only screen and (max-width: 1439px) { .ReactModalPortal.overlay { display: none; } } @media only screen and (max-width: 727px) { #digitalAccessOverlayParentContainer { display: none; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .digitalAccessOverlayContainer { width: 482px; } } .overlayWrapper { position: fixed; z-index: 1000404; background-color: #fff; } @media only screen and (max-width: 727px) { .overlayWrapper { height: 100%; top: 0; } } @media only screen and (max-width: 727px) { .overlayWrapper { width: 100%; } } @media only screen and (min-width: 728px) { .overlayWrapper { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } } @media only screen and (min-width: 1086px) { .overlayWrapper { height: 520px; width: 975px; } .overlayWrapper--thestar .divOverlayPackShot { margin-top: 0; margin-left: -100px; width: 681px; height: 297px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .overlayWrapper--thestar .divOverlayPackShot { margin-left: -30px; margin-top: -40px; padding: 0; } } .overlayLeftBluePole { width: 33px; float: left; height: 67%; margin-top: 62px; display: none; } @media only screen and (min-width: 1086px) { .overlayLeftBluePole { display: block; } } @media only screen and (min-width: 1086px) { .overlayDigitalAccess { margin-left: 70px; margin-right: 30px; } } .overlayFirstMonthText { font-weight: bold; padding-bottom: 5px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; margin-top: 20px; } @media only screen { .overlayFirstMonthText { font-size: 18px; } } @media only screen and (min-width: 1086px) { .overlayFirstMonthText { font-size: 17px; padding-bottom: 0; } } .overlayDigitalAccess__logo { margin-top: 20px; } @media only screen and (max-width: 727px) { .overlayDigitalAccess__logo { width: 190px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .overlayDigitalAccess__logo { width: 270px; } } @media only screen and (min-width: 1086px) { .overlayDigitalAccess__logo { width: 285px; margin: 0; } .overlayDigitalAccess__logo--brand { margin-top: 50px; } } .divOverlayPackShot { margin-left: 0; margin-top: -80px; padding: 0 50px 0 20px; pointer-events: none; } @media only screen and (min-width: 1086px) { .divOverlayPackShot { margin-top: 0; margin-left: -40px; width: 570px; height: auto; } .divOverlayPackShot .overlayPackShotImage { width: 100%; height: auto; } } @media only screen and (max-width: 727px) { .divOverlayPackShot { margin-left: -20px; margin-right: -15px; margin-top: -33px; height: 178px; } .divOverlayPackShot .overlayPackShotImage { width: 100%; height: 100%; } } .overlayLeftPanel { float: left; height: 100%; width: 402px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .overlayLeftPanel { float: none; width: 482px; } } @media only screen and (max-width: 727px) { .overlayLeftPanel { float: none; width: 100%; } } @media only screen and (min-width: 1086px) { .overlaySmallTopPanel { display: none; } } .overlayRightPanel { height: 100%; overflow: hidden; } @media only screen { .overlayRightPanel { display: none; } } @media only screen and (min-width: 1086px) { .overlayRightPanel { display: block; } } .btnViewOffers { font-size: 16px; font-weight: bold; padding: 15px 40px; background-color: #0072bc; border-radius: 5px; margin-top: 20px; color: #fff; } @media only screen and (min-width: 1086px) { .btnViewOffers { font-size: 15px; padding: 13px 20px; } } .btnViewOffers:hover { color: #fff; } .overlayExclusiveText, .overlayExclusiveSigninText { font-size: 14px; color: #515151; margin-top: 20px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; text-align: left; } @media only screen and (min-width: 1086px) { .overlayExclusiveText, .overlayExclusiveSigninText { margin-top: 13px; font-size: 13px; } } .overlayExclusiveSigninText { margin-left: 4px; color: #0072bc; font-weight: bold; } .overlayExclusiveSigninContainer { margin-top: 30px; } @media only screen and (min-width: 1086px) { .overlayExclusiveSigninContainer { margin-top: 25px; } } .overlayExclusiveTextLeft { float: left; clear: both; line-height: 10px; } @media only screen and (max-width: 727px) { .overlayExclusiveTextLeft { padding-left: 30px; } } .overlayExclusiveTextRight { float: right; font-size: 14px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; width: 330px; } @media only screen and (max-width: 727px) { .overlayExclusiveTextRight { font-size: 12px; width: 74%; } } .divViewOffers { margin-bottom: 40px; text-align: center; clear: both; } @media only screen { .divViewOffers { padding-top: 20px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .divViewOffers { padding-top: 10px; } } @media only screen and (min-width: 1086px) { .divViewOffers { margin-left: -35px; margin-top: 20px; padding-top: 0; } } .overlayEverNeedText { font-size: 32px; color: #ffffff; font-weight: 800; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; margin-left: 43px; margin-top: 30px; margin-bottom: 10px; line-height: 40px; } @media only screen and (min-width: 1086px) { .overlayEverNeedText { font-size: 29px; } } .overlayNewsChangeText { font-size: 14px; color: #ffffff; margin-left: 43px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } @media only screen and (min-width: 1086px) { .overlayNewsChangeText { font-size: 13px; } } /* make keyframes that tell the start state and the end state of our object */ @-webkit-keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } .fadeIn { opacity: 0; /* make things invisible upon start */ -webkit-animation: fadeIn ease-in 1; /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */ animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/ animation-fill-mode: forwards; -webkit-animation-duration: 1s; animation-duration: 1s; } .fadeIn.overlayDelay { -webkit-animation-delay: 0.7s; animation-delay: 0.7s; } .divCloseOverlay { text-align: right; margin-right: 10px; } .btnCloseOverlay { font-size: 48px; line-height: 48px; color: #ffffff; } .modalOverlayBackground { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1000403; background-color: #333333; opacity: 0.6; } .overlaySmallBottomPanel { text-align: center; margin-left: 30px; margin-right: 30px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .overlaySmallBottomPanel { margin-left: 57px; margin-right: 57px; } } @media only screen and (min-width: 1086px) { .overlaySmallBottomPanel { display: none; } } @media only screen { .overlayLargePanel { display: none; } } @media only screen and (min-width: 1086px) { .overlayLargePanel { display: block; } } .overlayBottomBar { background-color: #006eb5; width: 290px; height: 8px; margin: 0 auto; } @media only screen and (max-width: 727px) { .overlayBottomBar { display: none; } } @media only screen and (min-width: 1086px) { .overlayBottomBar { display: none; } } .overlayExclusiveText__icon { height: 20px; } @media only screen and (max-width: 727px) { .overlayExclusiveText__icon { height: 30px; } } .overlayDividerRuler { border-bottom: 1px solid #979797; width: 87%; margin-left: 10px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .overlay-renew__right-panel { background: #0072bc; color: #fff; } html[data-theme='heavy-blue'] .overlay-renew__button { color: #0072bc; background: #fff; } html[data-theme='heavy-blue'] .overlay-renew__button:hover, html[data-theme='heavy-blue'] .overlay-renew__button:focus { color: #00548b; background: #fff; } html[data-theme='blue'] .overlay-renew__right-panel { background: #dbe3ed; color: #333; } html[data-theme='blue'] .overlay-renew__button { color: #fff; background: #007ac2; } html[data-theme='blue'] .overlay-renew__button:hover, html[data-theme='blue'] .overlay-renew__button:focus { color: #fff; background: #0e62a2; } html[data-theme='red'] .overlay-renew__right-panel { background: #dbe3ed; color: #333; } html[data-theme='red'] .overlay-renew__button { color: #fff; background: #c51e24; } html[data-theme='red'] .overlay-renew__button:hover, html[data-theme='red'] .overlay-renew__button:focus { color: #fff; background: #c51e24; } @media only screen and (max-width: 1085px) { .overlay-renew { display: none; } } .overlay-renew__container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; left: 0; position: fixed; right: 0; top: 0; z-index: 1000404; } .overlay-renew__wrapper { background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 490px; width: 970px; } .overlay-renew__wrapper--fade-in { -webkit-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-delay: 0.7s; animation-delay: 0.7s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; opacity: 0; } .overlay-renew__background { background-color: #333; bottom: 0; left: 0; opacity: 0.6; position: fixed; right: 0; top: 0; z-index: 1000403; } .overlay-renew__close { -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; display: -webkit-box; display: -ms-flexbox; display: flex; height: 24px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 10px; overflow: hidden; position: absolute; right: 0; top: 0; width: 24px; } .overlay-renew__best-off-logo { background: url("/assets/svg/great_offer_badge.svg") no-repeat; height: 94px; left: 16px; position: absolute; top: -2px; width: 62px; } .overlay-renew__image-wrapper { margin: 60px 34px 20px 56px; height: 100%; } .overlay-renew__logo-wrapper { margin: auto 50px 90px 80px; } .overlay-renew__logo { display: block; width: 100%; } .overlay-renew__left-panel { background: #ecebec; position: relative; width: 440px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; min-height: 490px; } .overlay-renew__right-panel { background: #0072bc; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 48px 42px 42px 48px; position: relative; width: 530px; min-height: 490px; } .overlay-renew__paragraph { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: 1.2; margin: 0; word-wrap: break-word; } .overlay-renew__paragraph--greeting { font-size: 19px; margin-bottom: 35px; } .overlay-renew__paragraph--1 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; font-size: 33px; font-weight: 800; margin-bottom: 10px; } .overlay-renew__paragraph--1 > * { overflow: hidden; } @media all and (-ms-high-contrast: none) { .overlay-renew__paragraph--1 { position: relative; line-height: 1.2em; max-height: 2.4em; } } .overlay-renew__paragraph--2 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: pre-wrap; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 72px; font-weight: 600; margin-bottom: 26px; } .overlay-renew__paragraph--2 > * { overflow: hidden; } @media all and (-ms-high-contrast: none) { .overlay-renew__paragraph--2 { position: relative; line-height: 1.2em; max-height: 1.2em; } } .overlay-renew__paragraph--3 { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; font-size: 16px; font-weight: 100; line-height: 1.4; } .overlay-renew__paragraph--3 > * { overflow: hidden; } @media all and (-ms-high-contrast: none) { .overlay-renew__paragraph--3 { position: relative; line-height: 1.2em; max-height: 2.4em; } } .overlay-renew__user-name { font-weight: 600; text-transform: capitalize; } .overlay-renew__button { background: #fff; border-radius: 5.3px; color: #0072bc; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 18px; font-weight: 800; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 48px 0 0; padding: 10px; width: 100%; } .overlay-renew--anonymous .overlay-renew__right-panel { padding-top: 76px; } .overlay-renew--anonymous .overlay-renew__paragraph--1 { font-size: 43px; margin-bottom: 30px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-breadcrumb-header .c-breadcrumb-header__anchor { color: #0072bc; } html[data-theme='heavy-blue'] .o-breadcrumb-header .c-breadcrumb-header__anchor:hover, html[data-theme='heavy-blue'] .o-breadcrumb-header .c-breadcrumb-header__anchor:active { color: #00548b; } html[data-theme='blue'] .o-breadcrumb-header .c-breadcrumb-header__anchor { color: #007ac2; } html[data-theme='blue'] .o-breadcrumb-header .c-breadcrumb-header__anchor:hover, html[data-theme='blue'] .o-breadcrumb-header .c-breadcrumb-header__anchor:active { color: #0e62a2; } html[data-theme='red'] .o-breadcrumb-header .c-breadcrumb-header__anchor { color: #c51e24; } html[data-theme='red'] .o-breadcrumb-header .c-breadcrumb-header__anchor:hover, html[data-theme='red'] .o-breadcrumb-header .c-breadcrumb-header__anchor:active { color: #c51e24; } .o-breadcrumb-header { width: 1176px; height: 62px; background-color: #ffffff; border-top: 1px solid #f3f3f3; border-bottom: 1px solid #f3f3f3; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; } .c-breadcrumb-header__nav { padding: 0 30px; color: #0065a4; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .c-breadcrumb-beak { width: 62px; height: 100%; display: inline-block; color: #6bcff3; background-color: #6bcff3; text-align: center; line-height: normal; vertical-align: middle; position: relative; } .c-breadcrumb-beak--breaking { background-color: #b43129; } .c-material-icon--beak { font-size: 36px; width: auto; height: auto; position: absolute; right: -20px; color: #6bcff3; left: auto; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-material-icon--breaking { color: #b43129; } .c-breadcrumb-list { margin: 0; padding: 0; } .c-breadcrumb-list__item { display: inline-block; } .c-breadcrumb-list__item:not(:first-child)::before { font-size: 20px; display: inline-block; margin: 0 10px; content: '\2022'; color: #737373; } .c-breadcrumb-header__anchor { color: #0065a4; padding: 0; font-size: 20px; font-weight: bold; white-space: nowrap; } .c-breadcrumb-header__anchor--breaking { color: #737373; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-breadcrumb-header { width: 100%; height: 52px; border: 0; } .c-breadcrumb-header__anchor { font-size: 18px; } .c-breadcrumb-beak { width: 50px; } } @media only screen and (max-width: 727px) { .o-breadcrumb-header { width: 100%; margin-left: 0; height: 45px; border: 0px; } .c-breadcrumb-header__nav { padding: 0 20px; } .c-breadcrumb-beak { width: 40px; } .c-breadcrumb-header__anchor { font-size: 12px; padding: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-epc-footer-text { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; padding: 60px; width: 100%; } @media all and (-ms-high-contrast: none) { .c-epc-footer-text { display: block; } } @media all and (-ms-high-contrast: none) { .c-epc-footer-text > * { display: inline-block !important; margin-right: 20px !important; margin-bottom: 20px !important; width: calc(100% - 0px) !important; } .c-epc-footer-text > *:nth-child(1) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(2) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(3) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(4) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(5) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(6) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(7) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(8) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(9) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(10) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(11) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(12) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(13) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(14) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(15) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(16) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(17) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(18) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(19) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-child(20) { margin-right: 0 !important; } .c-epc-footer-text > *:nth-last-child(1) { margin-bottom: 0 !important; } } .c-epc-footer-text__paragraph { font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; font-size: 0.61rem; color: #404040; padding: 0; margin: 0; line-height: 14px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-epc-footer-text { padding: 24px; } } @media only screen and (max-width: 727px) { .c-epc-footer-text { padding: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-epc-navigation .o-epc-navigation__list-anchors { color: #0072bc; } html[data-theme='heavy-blue'] .o-epc-navigation .o-epc-navigation__list-anchors:hover, html[data-theme='heavy-blue'] .o-epc-navigation .o-epc-navigation__list-anchors:active { color: #00548b; } html[data-theme='heavy-blue'] .o-epc-navigation .o-epc-navigation__list-item:hover, html[data-theme='heavy-blue'] .o-epc-navigation .o-epc-navigation__list-item:active { border-left-color: #00548b; } html[data-theme='blue'] .o-epc-navigation .o-epc-navigation__list-anchors { color: #007ac2; } html[data-theme='blue'] .o-epc-navigation .o-epc-navigation__list-anchors:hover, html[data-theme='blue'] .o-epc-navigation .o-epc-navigation__list-anchors:active { color: #0e62a2; } html[data-theme='blue'] .o-epc-navigation .o-epc-navigation__list-item:hover, html[data-theme='blue'] .o-epc-navigation .o-epc-navigation__list-item:active { border-left-color: #0e62a2; } html[data-theme='red'] .o-epc-navigation .o-epc-navigation__list-anchors { color: #c51e24; } html[data-theme='red'] .o-epc-navigation .o-epc-navigation__list-anchors:hover, html[data-theme='red'] .o-epc-navigation .o-epc-navigation__list-anchors:active { color: #c51e24; } html[data-theme='red'] .o-epc-navigation .o-epc-navigation__list-item:hover, html[data-theme='red'] .o-epc-navigation .o-epc-navigation__list-item:active { border-left-color: #c51e24; } .o-epc-navigation { vertical-align: top; } .o-epc-navigation__list { margin: 0; list-style: none; font-size: 12px; border: 1px solid #e9e9e9; position: -webkit-sticky; position: sticky; top: 80px; } .o-epc-navigation__list-item { height: 40px; line-height: 40px; vertical-align: middle; font-size: 14px; } .o-epc-navigation__list-item:hover { background-color: #f5f4f5; border-left-color: #186fc1; border-left-width: 6px; border-left-style: solid; } .o-epc-navigation__list-item:hover a { padding-left: 14px; } .o-epc-navigation__list-anchors { width: auto; padding: 0 0 0 20px; height: 100%; display: block; } @media only screen and (max-width: 727px) { .o-epc-navigation { display: none; } } .c-checkbox { display: block; margin: 0; overflow: auto; padding: 0; } .c-checkbox__label { display: block; margin: 0; overflow: auto; padding: 0; } .c-checkbox__input { display: block; margin: 0; overflow: auto; padding: 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-newsletter__frequency, .c-newsletter__name, .c-newsletter__description { display: block; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; margin: 0; padding: 0; } .o-newsletter { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0; border: 1px solid #e8e7e7; } @media all and (-ms-high-contrast: none) { .o-newsletter { display: block; } } @media all and (-ms-high-contrast: none) { .o-newsletter > * { display: inline-block !important; margin-right: 0 !important; margin-bottom: 0 !important; width: 50% !important; } .o-newsletter > *:nth-child(2) { margin-right: 0 !important; } .o-newsletter > *:nth-child(4) { margin-right: 0 !important; } .o-newsletter > *:nth-child(6) { margin-right: 0 !important; } .o-newsletter > *:nth-child(8) { margin-right: 0 !important; } .o-newsletter > *:nth-child(10) { margin-right: 0 !important; } .o-newsletter > *:nth-child(12) { margin-right: 0 !important; } .o-newsletter > *:nth-child(14) { margin-right: 0 !important; } .o-newsletter > *:nth-child(16) { margin-right: 0 !important; } .o-newsletter > *:nth-child(18) { margin-right: 0 !important; } .o-newsletter > *:nth-child(20) { margin-right: 0 !important; } .o-newsletter > *:nth-child(22) { margin-right: 0 !important; } .o-newsletter > *:nth-child(24) { margin-right: 0 !important; } .o-newsletter > *:nth-child(26) { margin-right: 0 !important; } .o-newsletter > *:nth-child(28) { margin-right: 0 !important; } .o-newsletter > *:nth-child(30) { margin-right: 0 !important; } .o-newsletter > *:nth-child(32) { margin-right: 0 !important; } .o-newsletter > *:nth-child(34) { margin-right: 0 !important; } .o-newsletter > *:nth-child(36) { margin-right: 0 !important; } .o-newsletter > *:nth-child(38) { margin-right: 0 !important; } .o-newsletter > *:nth-child(40) { margin-right: 0 !important; } .o-newsletter > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-newsletter > *:nth-last-child(2) { margin-bottom: 0 !important; } } .o-newsletter-checkbox { vertical-align: top; } .o-newsletter-info { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 8px; width: 100%; vertical-align: top; } @media all and (-ms-high-contrast: none) { .o-newsletter-info { display: block; } } @media all and (-ms-high-contrast: none) { .o-newsletter-info > * { display: inline-block !important; margin-right: 8px !important; margin-bottom: 8px !important; width: calc(100% - 0px) !important; } .o-newsletter-info > *:nth-child(1) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(2) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(3) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(4) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(5) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(6) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(7) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(8) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(9) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(10) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(11) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(12) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(13) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(14) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(15) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(16) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(17) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(18) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(19) { margin-right: 0 !important; } .o-newsletter-info > *:nth-child(20) { margin-right: 0 !important; } .o-newsletter-info > *:nth-last-child(1) { margin-bottom: 0 !important; } } @media all and (-ms-high-contrast: none) { .o-newsletter-info > *:nth-child(1), .o-newsletter-info > *:nth-child(2) { margin-bottom: 0 !important; margin-right: 0 !important; } } .c-newsletter { display: grid; grid-template-columns: 50px auto; grid-gap: 0; padding: 15px 15px 15px 0; -ms-flex-line-pack: start; align-content: flex-start; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; justify-items: center; } @media all and (-ms-high-contrast: none) { .c-newsletter { display: block; } } @media all and (-ms-high-contrast: none) { .c-newsletter > *:nth-child(1) { display: inline-block !important; margin-bottom: 0 !important; width: 50px !important; } .c-newsletter > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(3) { display: inline-block !important; margin-bottom: 0 !important; width: 50px !important; } .c-newsletter > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(5) { display: inline-block !important; margin-bottom: 0 !important; width: 50px !important; } .c-newsletter > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(7) { display: inline-block !important; margin-bottom: 0 !important; width: 50px !important; } .c-newsletter > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(9) { display: inline-block !important; margin-bottom: 0 !important; width: 50px !important; } .c-newsletter > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(12) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(14) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(16) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(18) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-child(20) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .c-newsletter > *:nth-last-child(1) { margin-bottom: 0 !important; } .c-newsletter > *:nth-last-child(2) { margin-bottom: 0 !important; } } @media all and (-ms-high-contrast: none) { .c-newsletter { grid-template-columns: 1fr 9fr; grid-gap: 0; padding: 15px; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .c-newsletter > *:nth-child(1) { display: inline-block !important; margin-bottom: 0 !important; width: 10% !important; } .c-newsletter > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(3) { margin-bottom: 0 !important; width: 10% !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .c-newsletter > *:nth-child(3) { display: block !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .c-newsletter > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(5) { display: inline-block !important; margin-bottom: 0 !important; width: 10% !important; } .c-newsletter > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(7) { display: inline-block !important; margin-bottom: 0 !important; width: 10% !important; } .c-newsletter > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(9) { display: inline-block !important; margin-bottom: 0 !important; width: 10% !important; } .c-newsletter > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(12) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(14) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(16) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(18) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-child(20) { display: inline-block !important; margin-bottom: 0 !important; width: 90% !important; } .c-newsletter > *:nth-last-child(1) { margin-bottom: 0 !important; } .c-newsletter > *:nth-last-child(2) { margin-bottom: 0 !important; } } .c-newsletter__frequency { color: #404040; font-size: 12px; letter-spacing: 0.07px; line-height: 15px; height: 15px; text-transform: capitalize; } .c-newsletter__name { color: #333333; font-size: 16px; letter-spacing: 0.1px; line-height: 20px; } .c-newsletter__description { color: #707070; font-size: 12px; letter-spacing: 0.07px; line-height: 20px; } .c-checkbox.c-checkbox--newsletter input.c-checkbox__input { margin: 25px 0 0 0; padding: 0; width: 20px; height: 20px; } @media all and (-ms-high-contrast: none) { .c-checkbox.c-checkbox--newsletter input.c-checkbox__input { margin: 35px 0 0 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-newsletter { grid-template-columns: repeat(1, 1fr); grid-gap: 0; } } @media only screen and (max-width: 727px) { .o-newsletter { grid-template-columns: repeat(1, 1fr); grid-gap: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-newsletter-group .c-button--background-banner { background: #0072bc; } html[data-theme='blue'] .o-newsletter-group .c-button--background-banner { background: #007ac2; } html[data-theme='red'] .o-newsletter-group .c-button--background-banner { background: #c51e24; } .o-newsletter-group { display: block; padding: 0; width: 100%; overflow: auto; } .o-newsletter-group:last-of-type { padding: 0; } .c-newsletter-scroll-id { position: relative; top: -52px; } .c-button--group-image { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; pointer-events: none; cursor: not-allowed; padding: 0; margin: 0; width: 100%; height: 86px; position: relative; border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden; } .c-button--group-image__image { width: 100%; height: auto; overflow: hidden; } .c-button--group-image__h3 { color: #fff; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-button--group-image .staricon { position: absolute; right: 5px; top: 0; color: #fff; font-size: 30px; } .c-button--group-image .c-chevron { display: none; } .c-button--group-image .c-chevron--up { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .c-button--group-image .c-chevron--down { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); right: 0; } .c-button--background-banner { background: #0072bc; } @media only screen and (max-width: 727px) { .o-newsletter-group--closed .o-newsletter { display: none; } .c-button--group-image { pointer-events: visible; cursor: not-allowed; height: 35px; position: relative; background-color: #186fc1; } .c-button--group-image__image { display: none; } .c-button--group-image__h3 { display: block; } .c-button--group-image .c-chevron { display: block; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .o-preloader { width: 100%; height: 100%; position: relative; display: block; } .c-preloader-ring { display: inline-block; width: 64px; height: 64px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .c-preloader-ring:after { content: ' '; display: block; width: 46px; height: 46px; margin: 1px; border-radius: 50%; border: 5px solid #fff; border-color: #0072bc transparent #0072bc transparent; -webkit-animation: lds-dual-ring 1.2s linear infinite; animation: lds-dual-ring 1.2s linear infinite; } @-webkit-keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes lds-dual-ring { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .o-indicator { height: 55px; width: 321px; background: #202124; -webkit-box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 9px 0 rgba(0, 0, 0, 0.5); border-radius: 4px; position: fixed; bottom: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; z-index: 1000; opacity: 0; -webkit-transform: scale(0.8) translate3d(0, 0, 0); transform: scale(0.8) translate3d(0, 0, 0); -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, -webkit-transform 1s; -o-transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s; transition: transform 1s, opacity 1s, -webkit-transform 1s; display: table; } .o-indicator__p { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 13px; color: #ffffff; text-align: left; line-height: 20px; padding-left: 19px; vertical-align: middle; display: table-cell; } .o-indicator--show-message { -webkit-transform: scale(1) translate3d(0, 0, 0); transform: scale(1) translate3d(0, 0, 0); opacity: 1; } @media only screen and (max-width: 727px) { .o-indicator { width: 95% !important; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-error-indicator-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10000; } .o-error-indicator { position: fixed; left: 50%; -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); -webkit-transform: translate(50%, 50%); width: 700px; height: 420px; background-color: #fff; z-index: 1000460; border-radius: 5px; outline: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (max-width: 727px) { .o-error-indicator { -ms-transform: translate(0, 5%); transform: translate(0, 5%); -webkit-transform: translate(0, 5%); width: 335px; margin-left: -167px; margin-top: 100px; height: 406px; } } @media only screen and (max-width: 320px) { .o-error-indicator { width: 88%; margin-left: -140px; margin-top: 50px; } } @media only screen and (min-width: 1086px) { .o-error-indicator .c-star-icon { display: inline-block; text-align: center; margin-left: 135px; } } @media only screen and (min-width: 728px) { .o-error-indicator { margin-left: -700px; } .o-error-indicator .c-star-icon { display: inline-block; text-align: center; margin-left: 160px; } } .o-indicator-container { outline: none; } .o-indicator-container--message { text-align: center; } .o-indicator-container--title { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: bold; font-size: 20px; color: #333333; line-height: 24px; margin-bottom: 50px; margin-top: 14px; text-align: center; } .o-indicator-container--contact { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; color: #333333; text-align: center; line-height: 21px; margin-left: 35px; margin-right: 35px; width: 540px; margin-top: 33px; } @media only screen { .o-indicator-container--contact { margin-top: 4%; width: 84.4%; margin-left: 7.7%; } } .o-indicator-container--button-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .o-indicator-container--button { width: 254px; height: 45px; display: block; margin-bottom: 0; } .o-indicator-container .c-button { width: 254px; height: 45px; margin: auto; margin-top: 4px; outline: #fff; font-size: 16px; } .o-indicator-container .c-button-cancel-noborder { background-color: #fff; border: none; color: #0072bc; } .o-indicator-container .c-button-cancel-noborder:hover { background-color: transparent; color: #0065a4; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .o-container--epc { overflow: visible; } .breadcrumb-header--epc { margin: 0 auto; overflow: hidden; width: 1176px; } .c-epc-header { width: 100%; background-color: #186fc1; height: 193px; overflow: hidden; } .c-epc-header__container { display: block; width: auto; overflow: visible; position: absolute; height: 193px; } .c-epc-header__h2 { font-size: 23px; color: #333333; letter-spacing: 0.09px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-epc-header__image { position: relative; display: block; height: 193px; } .c-epc-header__text-container { display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; position: absolute; background-color: #fff; width: 420px; height: 128px; top: 33px; right: -210px; padding: 15px; } @media all and (-ms-high-contrast: none) { .c-epc-header__text-container { display: block; } } @media all and (-ms-high-contrast: none) { .c-epc-header__text-container > * { display: inline-block !important; margin-right: 10px !important; margin-bottom: 10px !important; width: calc(100% - 0px) !important; } .c-epc-header__text-container > *:nth-child(1) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(2) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(3) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(4) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(5) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(6) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(7) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(8) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(9) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(10) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(11) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(12) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(13) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(14) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(15) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(16) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(17) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(18) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(19) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-child(20) { margin-right: 0 !important; } .c-epc-header__text-container > *:nth-last-child(1) { margin-bottom: 0 !important; } } .c-epc-header__paragraph { font-size: 15px; color: #333333; letter-spacing: 0.08px; line-height: 22px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; margin: 0; } .o-epc-body { display: grid; grid-template-columns: 2fr 5fr; grid-gap: 15px; padding: 20px; background-color: #f9f9f9; } @media all and (-ms-high-contrast: none) { .o-epc-body { display: block; } } @media all and (-ms-high-contrast: none) { .o-epc-body > *:nth-child(1) { display: inline-block !important; margin-bottom: 15px !important; width: calc(28.57143% - 15px) !important; margin-right: 15px !important; } .o-epc-body > *:nth-child(2) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(3) { margin-bottom: 15px !important; margin-right: 15px !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-epc-body > *:nth-child(3) { display: block !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-epc-body > *:nth-child(3) { width: unset !important; } } @media all and (-ms-high-contrast: none) { .o-epc-body > *:nth-child(4) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(5) { display: inline-block !important; margin-bottom: 15px !important; width: calc(28.57143% - 15px) !important; margin-right: 15px !important; } .o-epc-body > *:nth-child(6) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(7) { display: inline-block !important; margin-bottom: 15px !important; width: calc(28.57143% - 15px) !important; margin-right: 15px !important; } .o-epc-body > *:nth-child(8) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(9) { display: inline-block !important; margin-bottom: 15px !important; width: calc(28.57143% - 15px) !important; margin-right: 15px !important; } .o-epc-body > *:nth-child(10) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(2) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(4) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(6) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(8) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(10) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(12) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(14) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(16) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(18) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-child(20) { display: inline-block !important; margin-bottom: 15px !important; width: 71.42857% !important; margin-right: 0 !important; } .o-epc-body > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-epc-body > *:nth-last-child(2) { margin-bottom: 0 !important; } } .o-epc-body--loading { height: 200px; } .o-epc-section { display: grid; grid-template-columns: 1fr; grid-gap: 20px; } @media all and (-ms-high-contrast: none) { .o-epc-section { display: block; } } @media all and (-ms-high-contrast: none) { .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > * { display: inline-block !important; margin-bottom: 20px !important; width: 100% !important; } .o-epc-section > *:last-child { margin-bottom: 0 !important; } .o-epc-section > *:nth-last-child(1) { margin-bottom: 0 !important; } } .o-epc-section-subscribed { background-color: #ffffff; -webkit-box-shadow: 0 1px 2px 0 #a39a9a; box-shadow: 0 1px 2px 0 #a39a9a; } .o-epc-section-subscribed__message { text-align: center; padding: 30px; } .o-epc-section-subscribed__title { color: #414141; font-size: 16px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; letter-spacing: 0.09px; line-height: 20px; } .o-epc-section-subscribed__subtitle { color: #868686; font-size: 12px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; letter-spacing: 0.07px; line-height: 15px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .breadcrumb-header--epc { width: 100%; } } @media only screen and (max-width: 727px) { .breadcrumb-header--epc { width: 100%; } .c-epc-header { display: none; } .o-epc-body { padding: 10px; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; } .o-epc-body > .o-epc-navigation { display: none !important; } .o-epc-body > .o-epc-section { width: 100% !important; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .notfound-page a { color: #0072bc; } html[data-theme='heavy-blue'] .notfound-page a:hover, html[data-theme='heavy-blue'] .notfound-page a:active { color: #00548b; } html[data-theme='blue'] .notfound-page a { color: #007ac2; } html[data-theme='blue'] .notfound-page a:hover, html[data-theme='blue'] .notfound-page a:active { color: #0e62a2; } html[data-theme='red'] .notfound-page a { color: #c51e24; } html[data-theme='red'] .notfound-page a:hover, html[data-theme='red'] .notfound-page a:active { color: #c51e24; } .notfound-page { padding: 1.5rem 0; background: #fff; } .notfound-page .section-list { padding: 1.5rem 0; } .notfound-page .section-list .section-list__wrap li { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; padding-bottom: 0; } @media only screen and (max-width: 727px) { .notfound-page .section-list .section-list__wrap li { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .notfound-page .section-list .section-list__wrap li { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { .notfound-page .section-list .section-list__wrap li { font-size: 1rem; line-height: 1.3; } } .notfound-page .section-list .section-list__wrap li .section-list__heading { font-weight: 700; } @media only screen and (max-width: 727px) { .notfound-page .section-list .section-list__wrap li .section-list__heading { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .notfound-page .section-list .section-list__wrap li .section-list__heading { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { .notfound-page .section-list .section-list__wrap li .section-list__heading { font-size: 1rem; line-height: 1.3; } } .notfound-page .section-list .section-list__wrap li .section-list__menu { margin: 0; } .notfound-page .section-list .section-list__wrap li .section-list__item { margin-bottom: 1rem; } @media only screen and (min-width: 1086px) { .notfound-page .section-list .section-list__wrap li .section-list__item:last-child { margin-bottom: 0; } .notfound-page .section-list .section-list__wrap li .section-list__item:first-child { margin-bottom: 1rem; } } .notfound-page .section-list .section-list__wrap li a { display: block; padding: 0.1875rem 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .c-article-header__conversations, .c-article-body__rightrail, .c-article-fullbleed { display: none; } } html[data-theme='heavy-blue'] .c-article-layout .article__byline a, html[data-theme='heavy-blue'] .c-article-layout .author-endnote-container a { color: #0072bc; } html[data-theme='blue'] .c-article-layout .article__byline a, html[data-theme='blue'] .c-article-layout .author-endnote-container a { color: #007ac2; } html[data-theme='red'] .c-article-layout .article__byline a, html[data-theme='red'] .c-article-layout .author-endnote-container a { color: #c51e24; } .c-article-wrapper { background-color: transparent; } @media only screen and (min-width: 1086px) { [data-takeover-ad='true'] .c-article-wrapper { background-color: #f8f8f8; max-width: 1176px; margin: 0 auto; } } .c-article-layout { background-color: #f8f8f8; margin: 0 auto; padding: 0 32px; } @media only screen and (min-width: 728px) { .c-article-layout { padding: 0 14.5vw; } } @media only screen and (min-width: 1086px) { .c-article-layout { max-width: 1128px; padding: 0 86px; } } @media only screen and (min-width: 1086px) { .c-article-layout--has-rightrail { padding: 0 86px; } } @media only screen and (min-width: 1086px) { .c-article-promos { width: 1128px; margin: 0 auto; } } .c-article-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-article-header__mainart { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } @media only screen and (min-width: 728px) { .c-article-header__headline { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (min-width: 728px) { .c-article-header__byline { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 728px) { .c-article-header__conversations { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } } .c-article-body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; position: relative; } @media only screen and (min-width: 1086px) { .c-article-body { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media print { .c-article-body { -webkit-column-break-before: avoid; -moz-column-break-before: avoid; break-before: avoid; display: inline; } } .c-article-body__content { max-width: 100%; width: 100%; } @media only screen and (min-width: 1086px) { .c-article-body__content { max-width: 600px; width: 600px; } .c-article-layout--has-rightrail .c-article-body__content { max-width: 757px; width: 757px; } } @media only screen and (min-width: 1086px) { .c-article-body__rightrail { position: relative; width: 328px; margin-left: 24px; margin-right: -86px; } } .c-article-fullbleed { border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; background-color: #fff; margin: 16px 0; padding: 16px 0 0; } .c-article-fullbleed .c-credit-logo-absolute { bottom: 14px; } @media only screen and (min-width: 728px) { .c-article-fullbleed .c-credit-logo-absolute { bottom: 20px; } } @media only screen and (min-width: 1086px) { .c-article-fullbleed__content { margin: 0 auto; max-width: calc(1128px + (2 * 16px)); } } @media only screen and (min-width: 1086px) { .c-article-list-group { display: -webkit-box; display: -ms-flexbox; display: flex; } } .c-article-list-group__more { position: relative; padding-bottom: 16px; } .c-article-list-group__more::after { background-color: #f8f8f8; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; bottom: 0; content: ''; margin-left: -16px; position: absolute; width: 100vw; height: 16px; } @media only screen and (min-width: 728px) { .c-article-list-group__more::after { margin-left: -16px; } } @media only screen and (min-width: 1086px) { .c-article-list-group__more { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .c-article-list-group__more::after { display: none; } } .c-article-list-group__top { padding-top: 16px; } @media only screen and (min-width: 1086px) { .c-article-list-group__top { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 1; flex-shrink: 1; -ms-flex-preferred-size: 328px; flex-basis: 328px; min-width: 328px; padding-top: 0; } } .article-basic-background { background: #f8f8f8; } .stn-smart-player-component { margin-bottom: 24px; } .stn-smart-player-component, .stn-smart-player-component * { max-width: 100%; } @media only screen and (min-width: 728px) { .stn-smart-player-component { margin-bottom: 48px; } } @media only screen and (min-width: 1086px) { .stn-smart-player-component { margin-bottom: 32px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .article__creditlogo-container { display: none; } } .article__byline__font { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #c2c2c2; } @media only screen and (min-width: 728px) { .article__byline__font { border-bottom: none; } } .article__byline__font .article__author-name, .article__byline__font .article__author-by, .article__byline__font .article__author-credit, .article__byline__font .article__published-date, .article__byline__font .article__readtime, .article__byline__font .article__updated-time { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; } @media print { .article__byline__font .article__author-name, .article__byline__font .article__author-by, .article__byline__font .article__author-credit, .article__byline__font .article__published-date, .article__byline__font .article__readtime, .article__byline__font .article__updated-time { font-size: 10px; line-height: 18px; color: #000; } } @media only screen and (max-width: 727px) { .article__byline__font .article__author-name, .article__byline__font .article__author-by, .article__byline__font .article__author-credit, .article__byline__font .article__published-date, .article__byline__font .article__readtime, .article__byline__font .article__updated-time { font-size: 12px; } } @media only screen and (max-width: 320px) { .article__byline__font .article__author-name, .article__byline__font .article__author-by, .article__byline__font .article__author-credit, .article__byline__font .article__published-date, .article__byline__font .article__readtime, .article__byline__font .article__updated-time { font-size: 10px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article__byline__font .article__author-name, .article__byline__font .article__author-by, .article__byline__font .article__author-credit, .article__byline__font .article__published-date, .article__byline__font .article__readtime, .article__byline__font .article__updated-time { font-size: 12px; } } .article__author-name { color: #0072bc; letter-spacing: 0.4px; text-transform: none; font-weight: 800; margin-right: 4px; } .article__author-name.many-authors { margin-right: 0; } .article__author-separator { margin-right: 2px; } .article__author-name--nolink { color: #333; } .article__author-by { color: #333333; letter-spacing: 0.4px; } .article__author-credit { color: #333333; letter-spacing: 0.4px; } .article__time-container { margin-bottom: 20px; } @media only screen and (min-width: 728px) { .article__time-container { margin-bottom: 9px; } } .article__time-container .article__published-date, .article__time-container .article__readtime { color: #333333; letter-spacing: 0.4px; } .article__time-container .published-date-border { border-right: 1px solid #c2c2c2; margin: 0 8px; } @media only screen and (max-width: 727px) { .article__time-container .published-date-border { margin-right: 4px; } } .article__byline-container-author-withphoto { margin-top: 28px; margin-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .article__byline-container-author-withphoto { margin-top: 24px; margin-bottom: 48px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .article__byline-container-authors { margin-top: 28px; margin-bottom: 28px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .article__byline-container-authors { margin-top: 24px; margin-bottom: 48px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .article__byline { -ms-flex-item-align: center; align-self: center; font-size: 12px; } .article__creditlogo-img { padding-right: 16px; margin-top: -5px; } .article__creditlogo-img--landscape { max-width: 184px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; } @media only screen and (max-width: 727px) { .article__creditlogo-img--landscape { max-height: 20px; } } @media only screen and (min-width: 728px) { .article__creditlogo-img--landscape { max-height: 24px; } } @media only screen and (max-width: 727px) { .article__creditlogo-img--portrait { max-height: 48px; } } @media only screen and (min-width: 728px) { .article__creditlogo-img--portrait { max-height: 60px; } } .article__newspaperlogo-img { max-height: 29px; max-width: unset; } @media only screen and (min-width: 728px) { .article__newspaperlogo-img { max-height: 42px; } } .article__creditlogo-container { border-right: solid 1px #d8d8d8; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 16px; } @supports (-moz-appearance: none) { .article__creditlogo-container__link { display: block; min-width: 175px; } } .article__creditlogo-container__inactive-link { pointer-events: none; cursor: default; } @media only screen and (min-width: 728px) { .article__creditlogo-container { padding-right: 16px; } } @media only screen and (max-width: 727px) { .article__creditlogo-container { border: 0; margin-bottom: 16px; } } .article__img-container { display: none; } @media only screen and (min-width: 728px) { .article__img-container { display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-right: 16px; } } .article__vertical-divider { height: 1px; background-color: #c2c2c2; } .article__updated-time { padding-left: 6px; color: #333333; letter-spacing: 0.4px; vertical-align: middle; } .article__updated-container { padding: 5px 0; } @media only screen and (min-width: 728px) { .article__updated-container { padding: 10px 0 0; } } @media only screen and (max-width: 727px) { .article__byline { width: 100%; } .article__byline-container-authors { margin-top: 24px; margin-bottom: 24px; } .article__byline-container-author-withphoto { margin-top: 24px; margin-bottom: 24px; } } .article__img-container .article-byline__author-badge { width: 48px; height: 48px; min-width: 48px; min-height: 48px; } .c-material-icon--article-last-modified { padding-bottom: 0.5px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .label-modal-basic .label-modal-content .label-modal-bottom span a { color: #0072bc; } html[data-theme='blue'] .label-modal-basic .label-modal-content .label-modal-bottom span a { color: #007ac2; } html[data-theme='red'] .label-modal-basic .label-modal-content .label-modal-bottom span a { color: #c51e24; } .help-modal-container { z-index: 2401; width: 342px; background-color: #fff; color: #333333; border-radius: 5px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); border: 1px solid #d8d8d8; display: block; position: absolute; margin-top: 10px; margin-left: 16px; left: 0px; } .help-modal-container.help-modal-container__hide { display: none; } .help-modal-container .help-modal-content { padding: 20px 24px 24px 24px; } .help-modal-container .help-modal-content .help-modal-title-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .help-modal-container .help-modal-content .help-modal-title-container .help-modal-title { font-family: 'TorstarTextO3', sans-serif; font-size: 28px; margin-bottom: 8px; letter-spacing: -0.25px; line-height: 32px; font-weight: bold; } .help-modal-container .help-modal-content .help-modal-description { font-family: 'TorstarTextO3', sans-serif; font-size: 18px; letter-spacing: 0.1px; line-height: 24px; margin-bottom: 8px; } .help-modal-container .help-modal-content .close-button { width: 66px; } .help-modal-container .help-modal-content .help-modal-bottom { text-align: right; margin-bottom: -10px; margin-top: 32px; } .help-modal-container .help-modal-content .help-modal-bottom span a { font-size: 12px; color: #0070bf; letter-spacing: 0.4px; line-height: 12px; font-weight: bold; font-family: 'Merriweather Sans', sans-serif; } .help-modal-container .help-modal-content .help-modal-bottom span .help-more-details { width: 126px; padding: 12px; } .help-modal-container .help-modal-content .help-modal-bottom span .help-modal-close { padding: 12px 0 12px 12px; width: 66px; } @media only screen and (min-width: 1086px) { .help-modal-container { margin-top: 11px; margin-left: unset; } .help-modal-container .help-modal-content .help-modal-bottom { margin-top: unset; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .help-modal-container { margin-top: 10px; } } @media only screen and (max-width: 727px) { .help-modal-container .help-modal-content .help-modal-bottom { margin-top: 32px; } } @media only screen and (max-width: 320px) { .help-modal-container { max-width: 288px; } } .help-modal-chevron { border: 1px solid #d8d8d8; border-width: 0 1px 1px 0; display: inline-block; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); position: absolute; top: -17px; background-color: #fff; margin-top: 9px; z-index: 2402; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .article__published-date { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.75rem; color: #737373; letter-spacing: 0.4px; } .article__published-date.article__published-date--warning { color: #db7500; } .article__published-date--warning-icon { color: #db7500; margin-right: 5px; font-size: 0.75rem; font-weight: bold; cursor: pointer; } .article__published-date--help-warning-icon { color: #db7500; font-weight: bold; font-size: 1.375rem; } .article__published-date--clickable { cursor: pointer; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-article-headline { margin-top: 16px; } @media print { .c-article-headline .article-headline { font-size: 30px; line-height: 36px; } } .c-article-headline .c-article-labels-container { position: relative; } @media only screen and (max-width: 727px) { .c-article-headline { margin-top: 16px; } } .c-article-headline__abstract { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 100; margin: 16px 0 16px; font-size: 1rem; } @media only screen and (min-width: 728px) { .c-article-headline__abstract { font-size: 1.375rem; line-height: 1.45; margin-left: 0; margin-right: 0; } } .c-article-headline__heading { font-family: TorstarCompressed, Georgia, "Times New Roman", Times, serif; font-size: 2.875rem; line-height: 1; color: #000; margin-top: 0; margin-bottom: 0; } @media only screen and (min-width: 728px) { .c-article-headline__heading { font-size: 4.875rem; } } @media only screen and (min-width: 1086px) { .c-article-headline__heading { font-size: 4.625rem; text-shadow: 1px 1px 0 #ffffff; } } .c-article-headline__heading--long { font-family: TorstarDeckCondensed, Georgia, "Times New Roman", Times, serif; font-size: 1.875rem; line-height: 1.2; } @media only screen and (min-width: 728px) { .c-article-headline__heading--long { font-size: 3rem; } } @media only screen and (min-width: 1086px) { .c-article-headline__heading--long { font-size: 3rem; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .label-modal-basic .label-modal-content .label-modal-bottom span a { color: #0072bc; } html[data-theme='blue'] .label-modal-basic .label-modal-content .label-modal-bottom span a { color: #007ac2; } html[data-theme='red'] .label-modal-basic .label-modal-content .label-modal-bottom span a { color: #c51e24; } .text-label-basic { margin: 0 0 16px 0; position: relative; line-height: 12px; padding-bottom: 4px; display: inline-block; } .text-label-basic .text-label-text { cursor: pointer; border: 1px solid #333; border-radius: 2px; text-transform: uppercase; padding: 1px 3px; font-size: 10px; letter-spacing: 0.5px; line-height: 12px; color: #333; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 800; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='blue'] .label-flag { padding: 2px 4px 2px 5px; } html[data-theme='blue'] .label-flag:before, html[data-theme='blue'] .label-flag:after { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; position: absolute; background-color: #007ac2; } html[data-theme='blue'] .label-flag.label-color-primary:before, html[data-theme='blue'] .label-flag.label-color-primary:after { background-color: #007ac2; } html[data-theme='red'] .label-flag { padding: 2px 4px 2px 5px; } html[data-theme='red'] .label-flag:before, html[data-theme='red'] .label-flag:after { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; position: absolute; background-color: #c51e24; } html[data-theme='red'] .label-flag.label-color-primary:before, html[data-theme='red'] .label-flag.label-color-primary:after { background-color: #c51e24; } .label-flag { text-transform: uppercase; padding: 4px 15px 2px 4px; display: inline-block; vertical-align: middle; position: relative; font-size: 0.625rem; overflow: hidden; z-index: 1; letter-spacing: 0.5px; height: 21px; line-height: 0.75rem; color: #fff; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 800; } @media print { .label-flag { color: #000; } } .label-flag:before, .label-flag:after { -webkit-transform-origin: top right; -ms-transform-origin: top right; transform-origin: top right; -webkit-transform: skewX(-45deg); -ms-transform: skewX(-45deg); transform: skewX(-45deg); position: absolute; background-color: #0072bc; content: ''; left: -45px; height: 100%; z-index: -1; right: 0; top: 0; } .label-flag:after { -webkit-transform-origin: bottom right; -ms-transform-origin: bottom right; transform-origin: bottom right; -webkit-transform: skewX(45deg); -ms-transform: skewX(45deg); transform: skewX(45deg); top: auto; bottom: 0; } .label-flag.label-color-primary:before, .label-flag.label-color-primary:after { background-color: #0072bc; } .label-flag.label-color-special:before, .label-flag.label-color-special:after { background-color: #b40404; } @media only screen and (min-width: 728px) { .label-flag { vertical-align: text-bottom; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .primary-label-basic .label-color-primary:before, html[data-theme='heavy-blue'] .primary-label-basic .label-color-primary:after { background-color: #0072bc; } @media print { html[data-theme='heavy-blue'] .primary-label-basic .label-color-primary:before, html[data-theme='heavy-blue'] .primary-label-basic .label-color-primary:after { background-color: transparent; } } html[data-theme='heavy-blue'] .primary-label-basic .tail-color-primary { color: #0072bc; } html[data-theme='blue'] .primary-label-basic .label-color-primary:before, html[data-theme='blue'] .primary-label-basic .label-color-primary:after { background-color: #007ac2; } @media print { html[data-theme='blue'] .primary-label-basic .label-color-primary:before, html[data-theme='blue'] .primary-label-basic .label-color-primary:after { background-color: transparent; } } html[data-theme='blue'] .primary-label-basic .tail-color-primary { color: #007ac2; } html[data-theme='red'] .primary-label-basic .label-color-primary:before, html[data-theme='red'] .primary-label-basic .label-color-primary:after { background-color: #c51e24; } @media print { html[data-theme='red'] .primary-label-basic .label-color-primary:before, html[data-theme='red'] .primary-label-basic .label-color-primary:after { background-color: transparent; } } html[data-theme='red'] .primary-label-basic .tail-color-primary { color: #c51e24; } .primary-label-basic { display: inline-block; margin: 0 12px 16px 0; } @media only screen and (max-width: 727px) { .primary-label-basic { margin: 0 12px 16px -32px; } } .primary-label-basic .label-pointer { cursor: pointer; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .caption-container { display: none; } } html[data-theme='heavy-blue'] .caption-container .caption-button .show-caption-icon { color: #0072bc; } html[data-theme='heavy-blue'] .caption-container .caption-button .show-caption-icon:hover, html[data-theme='heavy-blue'] .caption-container .caption-button .show-caption-icon:focus { color: #64cdf5; } html[data-theme='blue'] .caption-container .caption-button .show-caption-icon { color: #007ac2; } html[data-theme='blue'] .caption-container .caption-button .show-caption-icon:hover, html[data-theme='blue'] .caption-container .caption-button .show-caption-icon:focus { color: #007ac2; } html[data-theme='red'] .caption-container .caption-button .show-caption-icon { color: #c51e24; } html[data-theme='red'] .caption-container .caption-button .show-caption-icon:hover, html[data-theme='red'] .caption-container .caption-button .show-caption-icon:focus { color: #ff8e92; } .caption-container { position: absolute; top: 0; color: #ffffff; letter-spacing: -0.3px; min-height: 80px; width: 100%; } .caption-container .caption-button { background-color: transparent; font-size: 24px; padding: 0; border-radius: 50%; width: 24px; height: 24px; line-height: 1; position: absolute; top: 16px; right: 16px; } .caption-container .caption-button::before { content: ''; background-color: #fff; border-radius: 50%; width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; position: absolute; top: 50%; left: 50%; } .caption-container .caption-button .show-caption-icon { color: #0072bc; } .caption-container .caption-button.caption-close-background::before { background-color: #222222; } .caption-container .caption-box { position: absolute; width: 100%; background-image: -webkit-gradient(linear, left bottom, left top, color-stop(4%, rgba(0, 0, 0, 0.6)), color-stop(42%, rgba(0, 0, 0, 0.6))); background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.6) 4%, rgba(0, 0, 0, 0.6) 42%); background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.6) 4%, rgba(0, 0, 0, 0.6) 42%); } .caption-container .caption-box .caption-text { font: 400 16px/24px "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; margin: 24px 64px 20px 24px; } .caption-container .caption-box .caption-text .caption-prefix { padding-right: 8px; font-weight: 900; } .caption-container .caption-box .caption-text .caption-credit { font: 800 14px/24px "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; text-transform: uppercase; } @media only screen and (max-width: 727px) { .caption-container { letter-spacing: 0.11px; height: 100%; } .caption-container .caption-box .caption-text { font: 400 12px/16px "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; margin: 16px 50px 16px 25px; } .caption-container .caption-box .caption-text .caption-credit { font: 800 12px/20px "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .media-caption { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; color: #333333; letter-spacing: inherit; line-height: 24px; padding: 24px 0 27px; border-bottom: 1px #ccc solid; margin-bottom: 48px; background-color: transparent; grid-row-start: 1; grid-row-end: 2; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .media-caption { margin-bottom: 30px; padding: 24px 16px 24px; } } @media only screen and (max-width: 727px) { .media-caption { font-size: 14px; line-height: 20px; margin-bottom: 10px; padding: 24px 16px 19px; } } .media-caption-credit { font-weight: bold; font-size: 14px; letter-spacing: 0.1px; line-height: 24px; margin-left: 5px; } @media only screen and (max-width: 727px) { .media-caption-credit { font-size: 12px; line-height: 20px; } } .media-cpation-photographer { text-transform: uppercase; } .media-caption-prefix { font-weight: bold; font-size: 16px; letter-spacing: 0.1px; margin-right: 10px; } @media only screen and (max-width: 727px) { .media-caption-prefix { font-size: 14px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .media-caption-mainart { grid-row: 2; grid-column: 2 / span 6; } } @media only screen and (max-width: 727px) { .media-caption-mainart { grid-row: 2; grid-column: 2 / span 10; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .image { margin-bottom: 1rem; overflow: hidden; position: relative; } .image .image__body { text-align: center; position: relative; } @media only screen and (max-width: 727px) { .image .image__body { border-left: 0; } } .image .image__body img { width: auto; } .image .image__credit { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; line-height: 1; text-transform: uppercase; background-color: #fff; } @media only screen and (min-width: 1086px) { .image--flush-sides { margin-left: 0; margin-right: 0; } } @media only screen and (min-width: 1086px) { .article-content__image:not(.image__has-rightrail).full_window { margin-left: -216px; margin-right: -216px; } } @media only screen and (max-width: 727px) { .article-content__image { margin-left: -32px; margin-right: -32px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-content__image { margin-left: -14.5vw; margin-right: -14.5vw; } } .article-content__image img { max-height: none; } .article-two-layout .image.full_window { overflow: visible; } .article-two-layout .image.full_window img { width: 100%; } .article-two-layout .image.full_window figcaption { color: #777; max-width: none; } @media only screen and (min-width: 1086px) { .article-two-layout .image .image__body { min-height: 0; } .article-two-layout .image .image__body.white-background { margin-left: -62px; margin-right: -56px; background: #fff; } } .article-two-layout .article__body .image.full_window { left: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; right: 50%; width: 100vw; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__body .image.full_window { left: calc( 50% - (50px - 15px) / 2 - (20px - 20px) / 2); } } @media only screen and (min-width: 1086px) { .article-two-layout .article__body .image.full_window { left: calc( 50% - (62px - 56px) / 2 - (62px - 56px) / 2); } } .article-two-layout .columns .image { margin-bottom: 20px; } .article-two-layout .columns .image.full_window img { width: 100%; } .article-two-layout .columns .image.full_window figcaption { color: #777; max-width: none; } .article-two-layout .columns figcaption { color: #777; } @media only screen and (max-width: 727px) { .image-mainart-caption-below { grid-template-columns: repeat(12, 1fr); grid-gap: 0 24px; display: grid; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .image-mainart-caption-below { grid-template-columns: repeat(8, 1fr); padding: 0 16px; grid-gap: 0 24px; display: grid; } } @media only screen and (max-width: 727px) { .image__body-mainart-caption-below { grid-column: 1 / -1; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .image__body-mainart-caption-below { grid-column: 1 / -1; } } .slideshow { margin: 0px; background-color: #000; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .html5 { padding: 0; overflow: hidden; } .html5 .html5-heading { color: #000; font-size: 1.2rem; padding-bottom: 0.8rem; } .html5 .html5-iframe { border: 0; overflow: hidden; width: 100%; } .html5 .html5-picture { display: block; text-align: center; } .html5 .html5-picture img { width: 100%; } .aggr-full-bleed-off { margin-right: auto; margin-left: auto; } .aggr-full-bleed-off:before, .aggr-full-bleed-off:after { content: " "; display: table; } .aggr-full-bleed-off:after { clear: both; } @media screen { .aggr-full-bleed-off { border-width: 0; border-style: solid; border-color: #e5e5e5; border-right-width: 0; border-left-width: 0; } } @media only screen and (min-width: 728px) { .aggr-full-bleed-off { border-right-width: 15px; border-left-width: 50px; } } @media only screen and (min-width: 1086px) { .aggr-full-bleed-off { border-right-width: 56px; border-left-width: 62px; } } @media only screen and (min-width: 1086px) { .aggr-full-bleed-off { max-width: 1176px; } } .aggr-full-bleed-on .html5-heading { padding: 0.8rem 1.25rem; } .article-full-bleed-on { margin-left: -1.25rem; margin-right: -1.25rem; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-full-bleed-on { margin-left: -70px; margin-right: -35px; } } @media only screen and (min-width: 1086px) { .article-full-bleed-on { margin-left: -124px; margin-right: -112px; } } @media only screen and (min-width: 728px) { .article-full-bleed-on .html5-heading { padding: 0.8rem 1.25rem; } } @media only screen and (max-width: 727px) { .article-full-bleed-on .html5-heading { padding: 0 1.25rem; } } @media only screen and (min-width: 1086px) { .article-content__html5-wrapper:not(.html5-wrapper__has-rightrail).full_window, .article-content__html5-wrapper:not(.html5-wrapper__has-rightrail).article-full-bleed-on { margin-left: -216px; margin-right: -216px; } } @media only screen and (max-width: 1085px) { .article-content__html5-wrapper { margin-left: 0; margin-right: 0; } } @media only screen and (max-width: 727px) { .article-content__html5-wrapper-full_bleed_mobile { width: 100vw; margin-left: -32px; } } @media only screen and (max-width: 727px) { .mainart-container .article-content__html5-wrapper-full_bleed_mobile { margin-left: 0; } } .article-two-layout .article__loader .article__body .html5.full_window { left: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; right: 50%; width: 100vw; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__loader .article__body .html5.full_window { left: calc( 50% - (50px - 15px) / 2 - (20px - 20px) / 2); } } @media only screen and (min-width: 1086px) { .article-two-layout .article__loader .article__body .html5.full_window { left: calc( 50% - (62px - 56px) / 2 - (62px - 56px) / 2); } } .article-two-layout .article__loader .article__body .html5.full_window .html5-heading { padding-top: 20px; padding-left: 20px; padding-right: 20px; } .article-two-layout .article__loader .article__body .html5.full_window .html5-snippet { padding-left: 20px; padding-right: 20px; } @media only screen and (min-width: 1086px) { .article-two-layout .article__loader .article__body .html5.article-full-bleed-on { max-width: 54.3rem; margin-left: -124px; margin-right: -112px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__loader .article__body .html5.article-full-bleed-on { width: 100.5vw; position: relative; max-width: none; clear: both; left: 50%; margin-left: -52.5vw; } } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .article__body .html5.article-full-bleed-on { width: 100.5vw; position: relative; max-width: none; clear: both; left: 50%; margin-left: -50.5vw; } } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .article__body .html5 { max-width: none; margin: 0; } } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .article__body .html5 .html5-snippet { margin-top: 10px; } } .article-two-layout .article__loader .html5 { max-width: 100%; margin: 0 auto; } .article-two-layout .article__loader .html5.article-full-bleed-off { max-width: 848px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__loader .html5.article-full-bleed-off { max-width: 774px; } } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .html5.article-full-bleed-off { max-width: none; } } @media only screen and (min-width: 1086px) { .article-two-layout .article__loader .html5.article-full-bleed-on { max-width: 54.3rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__loader .html5.article-full-bleed-on { width: 100vw; position: relative; max-width: none; clear: both; margin-left: -70px; } } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .html5.article-full-bleed-on { width: 100vw; position: relative; max-width: none; clear: both; margin-left: -1.25rem; } } .article-two-layout .article__loader .html5.article-full-bleed-on .html5-snippet { padding-left: 20px; padding-right: 20px; } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .html5.article-full-bleed-on .html5-snippet { margin-top: 10px; } } .article-two-layout .article__loader .html5.full_window { left: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; right: 50%; width: 100vw; max-width: none; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__loader .html5.full_window { left: calc(50% - (50px - 15px) / 2); } } @media only screen and (min-width: 1086px) { .article-two-layout .article__loader .html5.full_window { left: calc(50% - (62px - 56px) / 2); } } .article-two-layout .article__loader .html5.full_window .html5-heading { padding-top: 20px; padding-left: 20px; padding-right: 20px; } .article-two-layout .article__loader .html5.full_window .html5-snippet { padding-left: 20px; padding-right: 20px; } .aggregation .html5.full_window { width: 101vw; position: relative; max-width: none; clear: both; margin-left: -50.5vw; left: 50%; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .aggregation .html5.full_window { margin-left: -52.5vw; } } .aggregation .html5.full_window .html5-heading { padding-top: 20px; padding-left: 10px; padding-right: 10px; } .aggregation .html5.full_window .html5-snippet { padding-left: 10px; padding-right: 10px; } .c-article-promos { background: #e5e5e5; border-right-width: 0; border-left-width: 0; } .c-article-promos .promo-full-bleed-on { padding: 0; width: 100%; } .c-article-promos .promo-full-bleed-off { padding: 0; } .glide { position: relative; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .glide * { -webkit-box-sizing: inherit; box-sizing: inherit; } .glide__track { overflow: hidden; } .glide__slides { position: relative; width: 100%; list-style: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -ms-touch-action: pan-Y; touch-action: pan-Y; overflow: hidden; padding: 0; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; will-change: transform; } .glide__slides--dragging { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__slide { width: 100%; height: 100%; -ms-flex-negative: 0; flex-shrink: 0; white-space: normal; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; } .glide__slide a { -webkit-user-select: none; user-select: none; -webkit-user-drag: none; -moz-user-select: none; -ms-user-select: none; } .glide__arrows { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide__bullets { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .glide--rtl { direction: rtl; } .glide__arrow { position: absolute; display: block; top: 50%; z-index: 2; color: white; text-transform: uppercase; padding: 9px 12px; background-color: transparent; border: 2px solid rgba(255, 255, 255, 0.5); border-radius: 4px; -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); text-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.1); opacity: 1; cursor: pointer; -webkit-transition: opacity 150ms ease, border 300ms ease-in-out; -o-transition: opacity 150ms ease, border 300ms ease-in-out; transition: opacity 150ms ease, border 300ms ease-in-out; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); line-height: 1; } .glide__arrow:focus { outline: none; } .glide__arrow:hover { border-color: white; } .glide__arrow--left { left: 2em; } .glide__arrow--right { right: 2em; } .glide__arrow--disabled { opacity: 0.33; } .glide__bullets { position: absolute; z-index: 2; bottom: 2em; left: 50%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; list-style: none; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .glide__bullet { background-color: rgba(255, 255, 255, 0.5); width: 9px; height: 9px; padding: 0; border-radius: 50%; border: 2px solid transparent; -webkit-transition: all 300ms ease-in-out; -o-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out; cursor: pointer; line-height: 0; -webkit-box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1); margin: 0 0.25em; } .glide__bullet:focus { outline: none; } .glide__bullet:hover, .glide__bullet:focus { border: 2px solid white; background-color: rgba(255, 255, 255, 0.5); } .glide__bullet--active { background-color: white; } .glide--swipeable { cursor: grab; cursor: -webkit-grab; } .glide--dragging { cursor: grabbing; cursor: -webkit-grabbing; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .glide .glide__arrows { display: none; } } html[data-theme='heavy-blue'] .slideshow-container .glide__arrow { background-color: #0062a1; } html[data-theme='heavy-blue'] .slideshow-container .glide__arrow:hover, html[data-theme='heavy-blue'] .slideshow-container .glide__arrow:focus { background-color: #00548b; } html[data-theme='blue'] .slideshow-container .glide__arrow { background-color: #007ac2; } html[data-theme='blue'] .slideshow-container .glide__arrow:hover, html[data-theme='blue'] .slideshow-container .glide__arrow:focus { background-color: #0e62a2; } html[data-theme='red'] .slideshow-container .glide__arrow { background-color: #c51e24; } html[data-theme='red'] .slideshow-container .glide__arrow:hover, html[data-theme='red'] .slideshow-container .glide__arrow:focus { background-color: #c51e24; } /* glidejs theme overrides */ .glide { position: relative; overflow-y: visible; z-index: 0; } .glide ul { margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .glide__background { z-index: -1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #efefef; background-repeat: no-repeat; background-size: cover; background-position: center; } .glide__track { -webkit-transition: background-color 1s ease; -o-transition: background-color 1s ease; transition: background-color 1s ease; } .glide:not(.glide__isFirefox) .glide__track-background { -webkit-backdrop-filter: blur(150px) saturate(300%); backdrop-filter: blur(150px) saturate(300%); background-color: rgba(0, 0, 0, 0.5); } .glide:not(.glide__isFirefox) .glide__fade { background-color: rgba(0, 0, 0, 0.95); } .glide.glide__isFirefox .glide__track-background { background-color: rgba(0, 0, 0, 0.8); } .glide.glide__isFirefox .glide__fade { background-color: rgba(0, 0, 0, 0.95); } .glide .glide__arrows .glide__arrow { top: 100%; height: 32px; width: 32px; z-index: 10; padding: 0; font-size: 1.5rem; border-radius: 50%; border: none; background-color: #0062a1; } .glide .glide__arrows .glide__arrow:hover { background-color: #00548b; } @media only screen and (min-width: 728px) { .glide .glide__arrows .glide__arrow { top: 50%; height: 48px; width: 48px; } } .glide .glide__arrows .glide__arrow--right { right: 0.5rem; } .glide .glide__arrows .glide__arrow--left { left: 0.5rem; } /* slideshow container styles, caption styles, mainart styles */ .slideshow-container { margin-bottom: 24px; margin-top: 24px; } .slideshow-container.full_window .image figcaption { max-width: none; margin-left: 15px; } .slideshow-container.full_window img { width: 100%; } @media only screen and (min-width: 728px) { .slideshow-container { margin-bottom: 48px; margin-top: 48px; } } .slideshow-container.slideshow-container__mainart { margin-top: 0; } @media print { .slideshow-container.slideshow-container__mainart { display: none; } } @media only screen and (min-width: 728px) { .slideshow-container.slideshow-container__mainart { margin-bottom: 0; } } @media print { .mainart-container .slideshow-caption-below { display: none; } } .mainart-container .slideshow-caption-below figcaption.media-caption { margin-bottom: 0; } @media only screen and (max-width: 1085px) { .mainart-container .slideshow-caption-below figcaption.media-caption { padding-left: 16px; padding-right: 16px; } } .slideshow-caption-below { padding: 0px; } .slideshow-caption-container { position: relative; z-index: 10; } .slideshow-caption-container .staricon { top: 0px; } @media only screen and (max-width: 727px) { .slideshow-caption-below { margin-top: -24px; margin-bottom: 24px; padding: 0px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media only screen and (min-width: 1086px) { .article-content__youtube-wrapper:not(.youtube-wrapper__has-rightrail).full_window { margin-left: -216px; margin-right: -216px; } } @media only screen and (max-width: 727px) { .article-content__youtube-wrapper { margin-left: -32px; margin-right: -32px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-content__youtube-wrapper { margin-left: -14.5vw; margin-right: -14.5vw; } } .article-content__youtube-wrapper img { max-height: none; } @media only screen and (min-width: 1086px) { .youtube-wrapper--flush-sides { margin-left: 0; margin-right: 0; } } .youtube-wrapper.mainart { margin: auto 0px; } @media only screen and (min-width: 1086px) { .youtube-wrapper.mainart { margin-left: 0px; } } .youtube-wrapper.mainart .video-caption { margin: auto 40px; } @media only screen and (min-width: 1086px) { .youtube-wrapper.mainart .video-caption { margin: auto; } } .youtube-wrapper.mainart .video-caption + .hair-line { margin-bottom: 0; } .youtube-wrapper .youtube { overflow: hidden; } .youtube-wrapper .youtube > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .youtube-wrapper .youtube .youtube__body { position: relative; padding-bottom: 56.25%; height: 0; } .youtube-wrapper .youtube .youtube__body > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .youtube-wrapper .video-caption { background-color: #f8f8f8; font: 400 16px/24px "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; padding: 24px 16px 0; color: #404040; } .youtube-wrapper .hair-line { border-bottom: 1px solid #d8d8d8; padding-top: 24px; margin-bottom: 48px; background-color: #f8f8f8; } .article-two-layout .article__body .youtube.full_window { left: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; right: 50%; width: 100vw; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__body .youtube.full_window { left: calc( 50% - (50px - 15px) / 2 - (20px - 20px) / 2); } } @media only screen and (min-width: 1086px) { .article-two-layout .article__body .youtube.full_window { left: calc( 50% - (62px - 56px) / 2 - (62px - 56px) / 2); } } .article-two-layout .article__body .youtube.full_window + figcaption { left: 50%; margin-left: -50vw; margin-right: -50vw; position: relative; right: 50%; width: 100vw; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__body .youtube.full_window + figcaption { left: calc( 50% - (50px - 15px) / 2 - (20px - 20px) / 2); } } @media only screen and (min-width: 1086px) { .article-two-layout .article__body .youtube.full_window + figcaption { left: calc( 50% - (62px - 56px) / 2 - (62px - 56px) / 2); } } @media only screen and (max-width: 727px) { .youtube-wrapper .video-caption { font: 400 14px/20px "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; } .youtube-wrapper .hair-line { padding-top: 16px; margin-bottom: 24px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .mainart-container { width: 100vw; margin-left: -32px; } @media print { .mainart-container { display: none; } } .mainart-container .image { margin: 0; height: 100%; } @media only screen and (min-width: 728px) { .mainart-container { margin-left: -14.5vw; margin-bottom: 48px; } } @media only screen and (min-width: 1086px) { .mainart-container { width: 100%; margin-left: 0; } } @media only screen and (min-width: 1086px) { .mainart-small { width: 757px; } } @media only screen and (min-width: 1086px) { .mainart-large { width: 1128px; margin-left: -86px; } } @media only screen and (min-width: 1086px) { .mainart-no-rightrail { margin-left: -86px; } } .article-basic .mainart-container { -ms-flex-negative: 0; flex-shrink: 0; } .article-basic .mainart-container .image { margin-top: 0; } .partial-mainart { position: relative; overflow: hidden; max-height: 120px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .article-content-ad { margin-left: -7px; } @media only screen and (min-width: 728px) { .article-content-ad { margin-left: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .related_topics { padding-bottom: 24px; font-size: 1.125rem; line-height: 1.5rem; } @media only screen and (min-width: 728px) { .related_topics { padding-bottom: 48px; font-size: 1.5rem; line-height: 2rem; } } @media only screen and (min-width: 1086px) { .related_topics { font-size: 1.25rem; line-height: 1.75rem; } } .related_topics .tags { display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] a.text-block__link { color: #333; -webkit-box-shadow: inset 0 -3px rgba(100, 205, 245, 0.45); box-shadow: inset 0 -3px rgba(100, 205, 245, 0.45); } html[data-theme='heavy-blue'] a.text-block__link:hover, html[data-theme='heavy-blue'] a.text-block__link:focus { color: #333; background-color: rgba(100, 205, 245, 0.45); -webkit-box-shadow: inset 0 0px #f8f8f8; box-shadow: inset 0 0px #f8f8f8; } html[data-theme='blue'] a.text-block__link { color: #333; -webkit-box-shadow: inset 0 -3px #007ac2; box-shadow: inset 0 -3px #007ac2; } html[data-theme='blue'] a.text-block__link:hover, html[data-theme='blue'] a.text-block__link:focus { color: #333; background-color: #007ac2; -webkit-box-shadow: inset 0 0px #f8f8f8; box-shadow: inset 0 0px #f8f8f8; } html[data-theme='red'] a.text-block__link { color: #333; -webkit-box-shadow: inset 0 -3px rgba(255, 142, 146, 0.45); box-shadow: inset 0 -3px rgba(255, 142, 146, 0.45); } html[data-theme='red'] a.text-block__link:hover, html[data-theme='red'] a.text-block__link:focus { color: #333; background-color: rgba(255, 142, 146, 0.45); -webkit-box-shadow: inset 0 0px #f8f8f8; box-shadow: inset 0 0px #f8f8f8; } .text-block-container { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; color: #333; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; text-rendering: optimizelegibility; margin-bottom: 12px; } @media print { .text-block-container { font-size: 12px; line-height: 18px; color: #000; margin-bottom: 6px; } } @media only screen and (min-width: 728px) { .text-block-container { font-size: 1.5rem; line-height: 2rem; margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .text-block-container { font-size: 1.25rem; line-height: 1.75rem; } } .text-block-container a { background-color: transparent; color: #333; } .text-block-container a:hover, .text-block-container a:focus { text-decoration: none; -webkit-transition: all 0.15s ease-in; -o-transition: all 0.15s ease-in; transition: all 0.15s ease-in; } .text-block-container ul > li { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; color: #333; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.125rem; font-weight: 400; line-height: 1.5rem; text-rendering: optimizelegibility; } @media print { .text-block-container ul > li { font-size: 12px; line-height: 18px; color: #000; } } @media only screen and (min-width: 728px) { .text-block-container ul > li { font-size: 1.5rem; line-height: 2rem; } } @media only screen and (min-width: 1086px) { .text-block-container ul > li { font-size: 1.25rem; line-height: 1.75rem; } } .c-loading-skeleton { color: transparent; font-size: inherit; background-color: rgba(0, 0, 0, 0.1); display: block; width: 100%; margin: inherit; margin-bottom: 0.66em; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; position: relative; } .c-loading-skeleton:last-of-type { margin-bottom: 0; } @-webkit-keyframes loading-skeleton-shimmer { 0% { background-position: -100% 0; } 100% { background-position: 200% 0; } } @keyframes loading-skeleton-shimmer { 0% { background-position: -100% 0; } 100% { background-position: 200% 0; } } .c-loading-skeleton--animated::before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background: transparent; background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(0, 0, 0, 0.1)), to(transparent)); background-image: -o-linear-gradient(left, transparent 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%); background-image: linear-gradient(to right, transparent 0%, rgba(0, 0, 0, 0.1) 50%, transparent 100%); background-repeat: no-repeat; background-size: 50%; -webkit-animation: 1.4s loading-skeleton-shimmer forwards infinite; animation: 1.4s loading-skeleton-shimmer forwards infinite; -webkit-animation-duration: inherit; animation-duration: inherit; } .c-loading-skeleton--light { background-color: rgba(255, 255, 255, 0.1); } .c-loading-skeleton--light.c-loading-skeleton--animated::before { background-image: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(50%, rgba(255, 255, 255, 0.1)), to(transparent)); background-image: -o-linear-gradient(left, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%); background-image: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.1) 50%, transparent 100%); } .c-loading-skeleton--centered { text-align: center; margin-left: auto; margin-right: auto; } .c-loading-skeleton--circle { border-radius: 9999px; } .c-loading-skeleton--circle.c-loading-skeleton--animated { background-size: 300%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .share-toolbar-container { display: none; } } html[data-theme='heavy-blue'] .share-icon-anchor { color: #0072bc; } html[data-theme='heavy-blue'] .share-icon-anchor:hover, html[data-theme='heavy-blue'] .share-icon-anchor:active { color: #00548b; } html[data-theme='blue'] .share-icon-anchor { color: #000; } html[data-theme='blue'] .share-icon-anchor:hover, html[data-theme='blue'] .share-icon-anchor:active { color: #007ac2; } html[data-theme='red'] .share-icon-anchor { color: #c51e24; } html[data-theme='red'] .share-icon-anchor:hover, html[data-theme='red'] .share-icon-anchor:active { color: #c51e24; } .share-toolbar-container { list-style: none; width: 100%; height: 1.5rem; text-align: right; margin-left: 0; font: 800 24px "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; color: #737373; } .share-toolbar-container .share-label-text { display: inline-block; font-size: 10px; vertical-align: top; padding-top: 10px; margin-right: -2px; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .share-toolbar-container .share-icon-anchor { text-decoration: none; color: #0072bc; font-size: 24px; } .share-toolbar-container .share-icon-anchor:hover { color: #00548b; } .share-toolbar-container .share-icon-anchor:active { color: #00548b; } .share-toolbar-container li { display: inline-block; height: 100%; margin-right: 16px; } .share-toolbar-container li:last-child { margin-right: 0; } .share-toolbar-container #whatsapp-basic--li { display: none; } @media only screen and (max-width: 727px) { .share-toolbar-container #whatsapp-basic--li { display: inline-block; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .disclaimer-container { border-top: 1px solid #ddd; padding: 20px 0px; } .disclaimer-container .disclaimer-text { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 10px; line-height: 12px; vertical-align: middle; color: #333; padding: 0; margin: 0; } .disclaimer-container .disclaimer-text .title { font-weight: bold; text-transform: uppercase; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .article-trust-bar { display: none; } } .article-trust-bar { width: 100%; margin-bottom: 16px; } .trust-items { border: 1px solid #ddd; padding: 0.8rem 0; border-width: 1px 0; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .trust-items.trust-non-journalistic-std-items { -ms-flex-pack: distribute; justify-content: space-around; } .trust-item-link { color: #333333; text-transform: uppercase; font-weight: 900; font-size: 0.7125rem; text-decoration: none !important; } .trust-item-staricon { color: #333333; font-size: 1.25rem; width: 1.75rem; } .trust-item-staricon::before { font-size: 1.25rem; } @media only screen and (max-width: 727px) { .trust-item-staricon { width: 1.3125rem; } } .trust-item { line-height: 1.1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .trust-item-text { color: #333333; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; letter-spacing: 0.3px; line-height: 1.2; font-size: 0.625rem; } .trust-item-text:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media only screen and (max-width: 727px) { .trust-item-text { padding-left: 2px; } } @media only screen and (min-width: 728px) { .trust-item-text { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { .trust-item-text { font-size: 0.75rem; line-height: 1; } } @media only screen and (max-width: 727px) { .trust-item-report-error, .trust-item-about-star, .trust-item-journal-std { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: left; } } @media only screen and (max-width: 727px) { .trust-item-about-star { width: 50px; } } @media only screen and (max-width: 727px) { .trust-item-report-error { width: 60px; } } @media only screen and (max-width: 727px) { .trust-item-journal-std { width: 84px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .modal-wrap .close-reveal-modal { float: right; height: 3rem; line-height: 3rem; position: absolute; right: 0.5rem; text-align: center; top: 0.5rem; width: 3rem; } .modal-wrap .reveal-modal-bg { z-index: 1850; } .modal-wrap .reveal-modal { z-index: 1851; position: fixed; } .modal-wrap .modal-title { margin-bottom: 1rem; } .modal-wrap .modal-text { font-size: 1rem; } .modal-wrap .add-margin-top { margin-top: 1.5rem; } .modal-wrap .invalid-recaptcha { color: red; margin-bottom: 0.5rem; font-size: 0.5rem; } .modal-wrap .text-center { text-align: center; } .modal-wrap .text-left { text-align: left; } .modal-wrap .thank-you { margin-top: 0; padding-top: 3.5rem; } @media only screen { .modal-wrap .recaptcha-edits { margin-top: -0.3rem; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .modal-wrap .modal-text { font-size: 0.85rem; } } @media only screen and (min-width: 728px) { .modal-wrap .reveal-modal { top: 2.5rem; } .modal-wrap .thank-you { padding-top: 7rem; } } @media only screen and (min-width: 1086px) { .modal-wrap .modal-title { margin-top: 4rem; } .modal-wrap .thank-you { padding-top: 6.5rem; } .modal-wrap .close-reveal-modal { right: 0; top: 0.3rem; } } @media only screen and (min-width: 1401px) { .modal-wrap .thank-you { padding-top: 10rem; } } @media only screen and (min-width: 1921px) { .modal-wrap .thank-you { padding-top: 15rem; } } .report-error .close-reveal-modal .staricon { right: 5px; } .report-error .info-block { position: relative; } .report-error .info-block .separator { display: none; } @media only screen and (min-width: 728px) { .report-error .info-block .separator { border: 0; border-right: 1px solid #ccc; display: block; height: 100%; left: 0; position: absolute; top: 0; } } .report-error .info-block .article-title { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; color: #0065a4; margin-bottom: 1rem; padding: 0.5rem 0; } @media only screen and (min-width: 728px) { .report-error .info-block .article-title { border: 0; margin: 0; padding: 0; } } .report-error .recaptcha-edits { margin-top: 0.5rem; } @media only screen and (min-width: 728px) { .report-error .recaptcha-edits { margin-top: 1.75rem; } } .report-error .legal-text { color: #737373; font-size: 0.7rem; margin: -0.1rem 0 0; padding: 0 0 1rem; } @media only screen and (min-width: 728px) { .report-error .legal-text { padding: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .form-input-component .invalid-field { border-color: red; background: #ffd9d9; } .form-input-component .radio-text { font-size: 0.75rem; margin-right: 0.4rem; margin-left: 0; } .form-input-component .radio-button { margin-left: 0.8rem; } .form-input-component .radio-button:first-child { margin-left: 0; } .form-input-component .radio-button:last-child .radio-text { margin-right: 0; } .form-input-component .form-container { position: relative; } .form-input-component .form-container .icon { position: absolute; top: 43%; margin-left: 2px; margin-top: -10px; color: #ccc; z-index: 1; } @media only screen and (max-width: 727px) { .form-input-component .form-container .icon { top: 38%; font-size: 20px; } } .form-input-component .form-container .icon-right { right: 0; font-size: 15px; top: 60%; color: #66cef4; } .form-input-component .form-container .email-outlined { font-size: 14px; margin-left: 5; top: 70%; } @media only screen and (max-width: 727px) { .form-input-component .form-container .email-outlined { margin-left: 5px; font-size: 10px; } } .form-input-component .form-container input { padding-left: 17px; padding-right: 20px; caret-color: #0062a1; } .form-input-component input { padding: 0; margin: 12px; letter-spacing: -0.8px; border-bottom: 1px solid #e6e6e6; font-size: 18px; } .form-input-component input[type='file'] { margin: 0 0.8rem 0.8rem 0; } .form-input-component input[type='checkbox'] { margin: 0 0.8rem 0.8rem 0; } .form-input-component input[type='radio'] { margin: 0 0.4rem 0.8rem 0; } .form-input-component select { margin: 0 0 0.8rem; } .form-input-component textarea { height: 5.55rem; } .form-input-component .formInputLabel { font-weight: 400; line-height: 1.5; } .bulleted-list-container__item.list-icon-empty-square:before,.bulleted-list-container__item.list-icon-reddit:before { font-family: 'star-icons'; font-style: normal; font-weight: normal; font-variant: normal; text-decoration: inherit; text-rendering: optimizeLegibility; text-transform: none; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .bulleted-list-container { margin-bottom: 24px; margin-top: 24px; } .bulleted-list-container__title { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 12px; letter-spacing: 0.6px; font-weight: bold; text-transform: uppercase; color: #333; display: block; padding: 8px 8px 8px 0; } .bulleted-list-container__list { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-weight: bold; font-size: 18px; line-height: 28px; padding: 0 0 16px 18px; margin: 0; color: #333; list-style-type: square; border-top: 2px solid #333; } .bulleted-list-container__item-container { display: inline-block; } .bulleted-list-container__item { padding: 8px 0 0 0; margin: 0; } .bulleted-list-container__item.list-icon-empty-square:before { display: inline; margin-left: -18px; font-size: 6px; vertical-align: top; padding-right: 8px; content: '\F14e'; } .bulleted-list-container__item.list-icon-reddit:before { display: inline; margin-left: -18px; font-size: 0.7em; vertical-align: top; padding-right: 8px; content: '\F133'; } .bulleted-list-container__list.svg-icons { list-style-type: none; } .bulleted-list-container__list.border-bottom { border-bottom: 1px solid #c2c2c2; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .bulleted-list-container { margin-bottom: 48px; margin-top: 48px; } .bulleted-list-container__list { font-size: 24px; line-height: 32px; } .bulleted-list-container__item { padding: 12px 0 0 0; } } @media only screen and (min-width: 1086px) { .bulleted-list-container { margin-bottom: 48px; margin-top: 48px; } .bulleted-list-container__list { font-size: 20px; line-height: 28px; } .bulleted-list-container__item { padding: 12px 0 0 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { #conversations { display: none; } } html[data-theme='heavy-blue'] .conversation-indicator-container .viafoura { color: #0072bc; } html[data-theme='heavy-blue'] .c-indicator-text { color: #0072bc; } html[data-theme='heavy-blue'] .c-indicator-text:hover, html[data-theme='heavy-blue'] .c-indicator-text:active { color: #00548b; } html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin { background: #0072bc; border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin:hover, html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin:active, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin:hover, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin:active { background: #00548b; } html[data-theme='heavy-blue'] #conversations .c-disclaimer a, html[data-theme='heavy-blue'] #livechat .c-disclaimer a { color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='heavy-blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='heavy-blue'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline.svg) no-repeat; } html[data-theme='heavy-blue'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='heavy-blue'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline.svg) no-repeat; } html[data-theme='heavy-blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='heavy-blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #0072bc; } html[data-theme='heavy-blue'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #00548b; } html[data-theme='heavy-blue'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='heavy-blue'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='heavy-blue'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #0072bc; border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='heavy-blue'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #0072bc; } html[data-theme='blue'] .conversation-indicator-container .viafoura { color: #007ac2; } html[data-theme='blue'] .c-indicator-text { color: #007ac2; } html[data-theme='blue'] .c-indicator-text:hover, html[data-theme='blue'] .c-indicator-text:active { color: #0e62a2; } html[data-theme='blue'] #conversations .c-button.c-button--signin, html[data-theme='blue'] #livechat .c-button.c-button--signin { background: #007ac2; border-color: #007ac2; } html[data-theme='blue'] #conversations .c-button.c-button--signin:hover, html[data-theme='blue'] #conversations .c-button.c-button--signin:active, html[data-theme='blue'] #livechat .c-button.c-button--signin:hover, html[data-theme='blue'] #livechat .c-button.c-button--signin:active { background: #0e62a2; } html[data-theme='blue'] #conversations .c-disclaimer a, html[data-theme='blue'] #livechat .c-disclaimer a { color: #007ac2; } html[data-theme='blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #007ac2; } html[data-theme='blue'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='blue'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline-blue.svg) no-repeat; } html[data-theme='blue'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='blue'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline-blue.svg) no-repeat; } html[data-theme='blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #007ac2; } html[data-theme='blue'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #0e62a2; } html[data-theme='blue'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='blue'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #007ac2; } html[data-theme='blue'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='blue'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #007ac2; border-color: #007ac2; } html[data-theme='blue'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='blue'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #007ac2; } html[data-theme='red'] .conversation-indicator-container .viafoura { color: #c51e24; } html[data-theme='red'] .c-indicator-text { color: #c51e24; } html[data-theme='red'] .c-indicator-text:hover, html[data-theme='red'] .c-indicator-text:active { color: #c51e24; } html[data-theme='red'] #conversations .c-button.c-button--signin, html[data-theme='red'] #livechat .c-button.c-button--signin { background: #c51e24; border-color: #c51e24; } html[data-theme='red'] #conversations .c-button.c-button--signin:hover, html[data-theme='red'] #conversations .c-button.c-button--signin:active, html[data-theme='red'] #livechat .c-button.c-button--signin:hover, html[data-theme='red'] #livechat .c-button.c-button--signin:active { background: #c51e24; } html[data-theme='red'] #conversations .c-disclaimer a, html[data-theme='red'] #livechat .c-disclaimer a { color: #c51e24; } html[data-theme='red'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='red'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #c51e24; } html[data-theme='red'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='red'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline-red.svg) no-repeat; } html[data-theme='red'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='red'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline-red.svg) no-repeat; } html[data-theme='red'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='red'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #c51e24; } html[data-theme='red'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #c51e24; } html[data-theme='red'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='red'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #c51e24; } html[data-theme='red'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='red'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #c51e24; border-color: #c51e24; } html[data-theme='red'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='red'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #c51e24; } .c-conversation-title { height: 18px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 12px; font-weight: 800; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: 0.6px; color: #333333; border-bottom: 2px solid black; padding-bottom: 20px; margin-top: 48px; } .c-total-comments { font-weight: 300; } #conversations .viafoura { background-color: #f8f8f8; } #conversations .vf-comment-container.vf-comment { padding: 15px 0 0; } #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #00548b; } #conversations .viafora .js-other.vf-comments-sort-option.vf-text-small:hover { border-color: #00548b; } #conversations .viafoura .vf-comment-container .vf-row, #conversations .viafoura .vf-media-gallery { margin: 0; } #conversations .viafoura .vf-comments:not(.vf-is-logged-in) .vf-comment-box { display: none !important; } #conversations .vf-comment-user-actions { width: 188px; } @media only screen and (max-width: 727px) { #conversations .vf-comment-user-actions { width: 116px; font-size: 10px; margin: 12px 0 0 104px; } } #conversations .viafoura .vf-comment-controls > li:nth-child(3) { margin-left: 0; } #conversations .viafoura .vf-page-count-container { display: none !important; } #conversations .viafoura .vf-comments-setting.vf-comments-sort-block { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; } @media only screen and (max-width: 727px) { #conversations .viafoura .vf-comments-setting.vf-comments-sort-block { font-size: 14px; } } @media only screen and (max-width: 727px) { #conversations .vf-comment-edit-timer { font-size: 13px; } } @media only screen and (max-width: 727px) { #conversations .vf-time-remaining-desc { margin: 0; } } #conversations .viafoura button.vf-comment-actions-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } #conversations .vf-comment-actions-btn.vf-new-like-btn.active .vf-icon-like { background: url(/assets/img/icons/icon-thumbs-up-fill.svg) no-repeat; } #conversations .vf-comment-actions-btn.vf-dislike-btn.active .vf-icon-dislike { background: url(/assets/img/icons/icon-thumbs-down-fill.svg) no-repeat; } #conversations .vf-comment-actions-btn.vf-reply-btn.vf-active .vf-icon-reply { background: url(/assets/img/icons/icon-reply.svg) no-repeat; height: 20px; margin-right: 8px; } #conversations .vf-more-actions-btn .vf-icon-more_actions { background: url(/assets/img/icons/outline-more-vert-24-px.svg) no-repeat; } @media only screen and (max-width: 727px) { #conversations .vf-strong.vf-text-small.js-cancel { font-size: 8px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-strong.vf-text-small.js-cancel { font-size: 15px; } } @media only screen and (max-width: 727px) { #conversations .vf-comment-control.vf-comment-edit-timer + .vf-comment-control { width: 75px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-comment-control.vf-comment-edit-timer + .vf-comment-control { width: 80px; } } @media only screen and (max-width: 727px) { #conversations .vf-more-actions-btn { top: 0; } } #conversations .viafoura .vf-comment-follow, #conversations .vf-comment-action-btn.vf-subscribe, #conversations .vf-more-actions-btn .vf-icon-more_actions path, #conversations .vf-comment-actions-btn.vf-reply-btn .vf-icon-reply path { display: none !important; } #conversations .vf-comments-setting.vf-comments-sort-block, #conversations .vf-comment-box { margin: 24px 0 0 0; } #conversations .viafoura .vf-comments-setting { margin-top: 0px; } #conversations .vf-user-avatar-btn.vf-avatar.vf-no-outline.vf-avatar--medium.vf-avatar--clickable { width: 45px; height: 45px; } @media only screen and (max-width: 727px) { #conversations .vf-user-avatar-btn.vf-avatar.vf-no-outline.vf-avatar--medium.vf-avatar--clickable { width: 35px; height: 35px; } } #conversations .viafoura .vf-user-title { display: none !important; } #conversations .viafoura .vf-user-meta.vf-hlist { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; line-height: normal; } #conversations .viafoura .vf-content-badge { background-color: transparent; padding-left: 0; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; font-weight: 100; font-style: normal; font-stretch: normal; line-height: normal; letter-spacing: normal; color: #666666; text-transform: none; } @media only screen and (max-width: 727px) { #conversations .viafoura .vf-content-badge { font-size: 12px; } } @media only screen and (max-width: 727px) { #conversations .vf-hlist.vf-dislike-enabled > li:nth-child(3) { width: 28px; } } @media only screen and (max-width: 727px) { #conversations .vf-row.vf-row-edges { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } #conversations .viafoura .vf-user-meta.vf-hlist .vf-username { color: #333333; font-size: 20px; font-family: TorstarTextO3, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.25; letter-spacing: 0.13px; } @media only screen and (max-width: 727px) { #conversations .viafoura .vf-user-meta.vf-hlist .vf-username { font-size: 18px; line-height: 1.35; letter-spacing: 0.11px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .viafoura .vf-user-meta.vf-hlist .vf-username { font-size: 24px; } } #conversations .vf-js-date.vf-date, #conversations .vf3-conversations-footer, #conversations .vf-js-date.vf-date svg { display: none; } #conversations .vf-js-date.vf-date { background-color: transparent; padding-left: 0; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 0.86; letter-spacing: normal; color: #666666; text-transform: none; display: block; margin-top: 8px; } @media only screen and (max-width: 727px) { #conversations .vf-js-date.vf-date { font-size: 12px; line-height: 1; margin-top: 4px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-js-date.vf-date { margin-top: 4px; } } #conversations .vf-count-likes, #conversations .vf-count-dislikes { font-size: 18px; font-family: TorstarTextO3, sans-serif; color: #333333; width: 24px; } @media only screen and (max-width: 727px) { #conversations .vf-count-likes, #conversations .vf-count-dislikes { font-size: 14px; width: 8px; } } #conversations .vf-reply-btn { display: -webkit-box; display: -ms-flexbox; display: flex; } #conversations .vf-reply-btn::after { content: 'Reply'; text-transform: capitalize; font-size: 18px; color: #333333; font-family: TorstarTextO3, sans-serif; } @media only screen and (max-width: 727px) { #conversations .vf-reply-btn::after { content: ''; font-size: 14px; } } #conversations .vf-js-date.vf-date .vf-date { margin-left: 0; } #conversations .vf-badge.vf-content-badge.vf-badge-custom-pay_subscriber { display: none; } #conversations .viafoura .vf-comment-container .vf-comment-actions { margin-bottom: 0; margin-left: 56px; font-size: 16px; height: 24px; } #conversations .viafoura .vf-hlist.vf-comment-actions > li + li { margin-left: 20px; } #conversations .vf-more-actions { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } #conversations .vf-load-more.vf-text-small.vf-strong { width: 345px; height: 48px; border-radius: 5px; border: solid 1px #005389; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.18px; text-align: center; color: #005389; padding-top: 11px; } #conversations .vf-load-more.vf-text-small.vf-strong:hover { background-color: #eeeeee; } @media only screen and (max-width: 727px) { #conversations .vf-load-more.vf-text-small.vf-strong { width: 250px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-load-more.vf-text-small.vf-strong { width: 269px; height: 36px; font-size: 14px; font-weight: 800; line-height: 1.14; letter-spacing: normal; } } #conversations .vf-replies-button.vf-strong.vf-text-small { width: 250px; height: 48px; border-radius: 5px; background-color: #ffffff; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: 0.18px; text-align: center; color: #005389; padding-top: 10px; } #conversations .vf-replies-button.vf-strong.vf-text-small:hover { background-color: #eeeeee; } @media only screen and (max-width: 727px) { #conversations .vf-replies-button.vf-strong.vf-text-small { font-size: 14px; font-weight: 800; width: 245px; height: 36px; padding-top: 7px; } } #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small { border-color: #00548b; } #conversations .viafoura .vf-comments-sort-option:hover, #conversations .viafoura .vf-comments-sort-option:focus, #conversations .viafoura .vf-comments-sort-option[data-checked='true'] { border-bottom-color: #00548b; } #conversations .vf-comment-control.vf-comment-edit-timer { font-family: TorstarTextO3, sans-serif; } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-comment-control.vf-comment-edit-timer { font-size: 16px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-comment-control:nth-of-type(3) { margin-left: 0; } } #conversations .vf-comment-replies { margin: 24px 0 36px 60px; text-align: left; } #conversations .vf-comment-html { margin-top: 6px; margin-left: 56px; margin-bottom: 8px; } #conversations .vf-comment-html-content { font-family: TorstarTextO3, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: 0.11px; color: #333333; margin-left: 0; } @media only screen and (max-width: 727px) { #conversations .vf-comment-html-content { font-size: 16px; line-height: 1.31; letter-spacing: 0.1px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-comment-html-content { font-size: 20px; line-height: 1.25; letter-spacing: 0.13px; } } #conversations .vf-badge.vf-content-badge.vf-badge-warning.vf-label.vf-label-upper { width: 123px; height: 22px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; background-color: #f8e3ba; font-size: 13px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 0.92; letter-spacing: normal; color: #333333; padding: 6px 0 0 0; text-transform: uppercase; margin: 0; text-align: center; margin-right: 5px; } @media only screen and (max-width: 727px) { #conversations .vf-badge.vf-content-badge.vf-badge-warning.vf-label.vf-label-upper { width: 115px; height: 22px; font-size: 12px; line-height: 1; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-badge.vf-content-badge.vf-badge-warning.vf-label.vf-label-upper { font-size: 13px; line-height: 0.92; } } #conversations .vf-badge.vf-content-badge.vf-badge-error.vf-label.vf-label-upper { width: 143px; height: 22px; background-color: #b50303; font-size: 12px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1; letter-spacing: normal; color: #ffffff; text-transform: uppercase; margin: 0; text-align: center; vertical-align: middle; padding: 5px 0 0 0; margin-right: 5px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .vf-badge.vf-content-badge.vf-badge-error.vf-label.vf-label-upper { width: 153px; font-size: 13px; line-height: 0.92; } } @media only screen and (max-width: 727px) { #conversations .vf-more-actions-menu.vf-show-dropdown { left: calc(100% - 152px); } } #conversations ul *:focus { outline: none; } #conversations .vf-icon.vf-icon-medium.vf-icon-like path, #conversations .vf-icon.vf-icon-medium.vf-icon-dislike path, #conversations .vf-icon.vf-icon-medium.vf-icon-reply, #conversations .vf-icon.vf-icon-medium.vf-icon-more_actions { fill: #00548b; } #conversations .vf-icon.vf-icon-medium.vf-icon-reply { width: 20px; height: 20px; background: url(/assets/img/icons/icon-reply.svg) no-repeat; margin-right: 8px; } @media only screen and (max-width: 727px) { #conversations .vf-icon.vf-icon-medium.vf-icon-reply { margin-right: 4px; } } #conversations .vf-icon.vf-icon-medium.vf-icon-like, #conversations .vf-icon.vf-icon-medium.vf-icon-dislike { width: 20px; height: 20px; } #conversations .vf-icon.vf-icon-medium { height: 20px; margin-right: 4px; } #conversations .vf-comment-action path { fill: #000000; } #conversations .vf-comments-setting.vf-comments-sort-block ~ p { height: 60px; background-color: #ecebec; text-align: center; font-family: TorstarTextO3, sans-serif; font-size: 18px; line-height: 1.17; color: #333333; padding-top: 20px; margin: 12px 0; } @media only screen and (max-width: 727px) { #conversations .vf-comments-setting.vf-comments-sort-block ~ p { font-size: 16px; line-height: 1.31; } } #conversations .vf-flagged.vf-is-flagged svg { display: none; } #conversations .vf-flagged.vf-is-flagged { width: 16px; height: 28px; -o-object-fit: contain; object-fit: contain; margin-left: 28px; background: url(/assets/img/icons/flagged_user.svg) no-repeat; background-position: 0 5px; } #conversations .vf-comment-actions-btn.vf-new-like-btn path, #conversations .vf-comment-actions-btn.vf-dislike-btn path { display: none; } #conversations .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline.svg) no-repeat; } #conversations .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline.svg) no-repeat; } #conversations .vf-comment-actions-menu li { font-size: 12px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; color: #333333; } #conversations .vf-comment-actions-menu svg { height: 15px; } #conversations .vf-comment-actions-list { margin-bottom: 0; } #conversations .c-disclaimer a { color: #00548b; } #conversations .c-disclaimer a:visited { color: #663366; } #conversations .o-banned-message p { margin-bottom: 0; padding-bottom: 0; } .o-banned-message { width: 100%; height: 84px; padding: 0 22px 0 20px; background-color: #f8e9e9; font-size: 18px; font-family: TorstarTextO3, sans-serif; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.17; letter-spacing: normal; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 727px) { .o-banned-message { height: 122px; font-size: 16px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-banned-message { height: 104px; } } .c-circle-error { width: 22px; height: 22px; -o-object-fit: contain; object-fit: contain; margin-right: 5px; } @media only screen and (max-width: 727px) { .c-circle-error { width: 20px; height: 20px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-circle-error { width: 20px; height: 20px; } } .c-signin { display: block; text-align: center; margin: 28px 0 0 0; } @media only screen and (max-width: 727px) { .c-signin { margin: 16px 0 0 0; } } .c-signin--hide { display: none; } .c-signin--popup { top: 128px; position: absolute; left: 65px; } @media only screen and (max-width: 727px) { .c-signin--popup { left: calc((100% - 270px) / 2); top: 121px; } } .c-button.c-button--signin { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 15px; color: #ffffff; background-color: #00548b; letter-spacing: 0.5px; border-radius: 5px; padding: 10px 0; text-align: center; border: solid 1px rgba(0, 0, 0, 0.1); font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; margin: 0; width: 280px; height: 48px; } @media only screen and (max-width: 727px) { .c-button.c-button--signin { width: calc(50% - 10px); height: 36px; padding: 5px 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-button.c-button--signin { width: calc(50% - 10px); padding: 7px 0; } } .c-button.c-button--popup { display: inline-block; border-radius: 5px; padding: 9px 0; width: 165px; height: 36px; border: solid 1px rgba(0, 0, 0, 0.1); font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.9375rem; line-height: 1.14; text-align: center; color: #ffffff; } @media only screen and (max-width: 727px) { .c-button.c-button--popup { width: 125px; height: 36px; font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-button.c-button--popup { padding: 8px 0; } } .divider { width: 20px; height: auto; display: inline-block; } .c-disclaimer { height: 36px; font-family: TorstarTextO3, sans-serif; font-size: 14px; line-height: 19px; color: #333333; margin: 16px 0 16px 0; } @media only screen and (max-width: 727px) { .c-disclaimer { width: calc(100% - 5px); height: 60px; line-height: 19px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-disclaimer { width: calc(100% - 5px); height: 48px; font-size: 16px; line-height: 21px; } } #conversations .c-hidden-element { display: none; } .c-pullquote { display: none; } .c-pullquote--open { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 16px 10px 4px 10px; } .c-pullquote-logo { font-family: TorstarTextO3, sans-serif; font-size: 50px; font-weight: bold; font-style: normal; float: left; height: 56px; width: 60px; color: #333333; } @media only screen and (max-width: 727px) { .c-pullquote-logo { height: 42px; margin-bottom: 17px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-pullquote-logo { height: 60px; } } .c-pullquote .c-pullquotetext { width: 545px; font-family: TorstarTextO3, sans-serif; font-size: 20px; font-weight: bold; font-style: normal; font-stretch: normal; line-height: 28px; letter-spacing: 0.11px; color: #333333; margin-bottom: 0px; } @media only screen and (max-width: 727px) { .c-pullquote .c-pullquotetext { width: calc(100% - 5px); font-size: 16px; line-height: 24px; letter-spacing: normal; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-pullquote .c-pullquotetext { width: calc(100% - 5px); font-size: 24px; line-height: 32px; } } .signin-label { margin: 1rem 0 -0.4rem; } .signin-label span { cursor: pointer; position: relative; border: 1px solid #737373; border-radius: 4px; text-transform: uppercase; display: inline-block; padding: 0.2rem; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.85rem; letter-spacing: -0.5px; line-height: 1; color: #737373; } .c-label-modal { outline: none; z-index: 2401; left: calc((100% - 480px) / 2); top: calc(50vh - 150px); width: 480px; height: 214px; position: relative; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.35); background-color: #f8f8f8; color: #404040; } @media only screen and (max-width: 727px) { .c-label-modal { width: 315px; height: 196px; left: calc((100% - 315px) / 2); } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-label-modal { width: 480px; height: 214px; left: calc((100% - 480px) / 2); } } .c-label-modal .c-label-modal-content { width: 100%; height: 100%; } .c-label-modal .c-label-modal-content .c-label-close-large { display: block; position: absolute; top: 0; right: 10px; cursor: pointer; font-size: 23.7px; color: #000000; font-weight: bold; } .c-label-modal .c-label-modal-content h3 { font-size: 1.2rem; margin-bottom: 1rem; } .c-label-modal .c-label-modal-content p { width: 310px; height: 48px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 18px; font-weight: normal; font-style: normal; font-stretch: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #333333; left: calc((100% - 310px) / 2); top: 50px; position: absolute; margin-bottom: 0; } @media only screen and (max-width: 727px) { .c-label-modal .c-label-modal-content p { width: 250px; left: calc((100% - 250px) / 2); font-size: 16px; } } .c-label-modal .c-label-modal-content .c-label-modal-bottom { width: 100%; text-align: right; } .c-label-modal .c-label-modal-content .c-label-modal-bottom div { display: inline-block; text-transform: uppercase; } .c-label-modal .c-label-modal-content .c-label-modal-bottom div a { color: #00578d; } @media only screen and (min-width: 1086px) { .c-label-modal .c-label-modal-content .c-label-modal-bottom div { display: block; } } .c-label-modal .c-label-modal-content .c-label-modal-bottom div.c-label-modal-close { cursor: pointer; color: #00578d; margin-top: 1rem; margin-left: 1.4rem; } @media only screen and (min-width: 1086px) { .c-label-modal .c-label-modal-content .c-label-modal-bottom div.c-label-modal-close { display: none; } } .c-label-modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(51, 51, 51, 0.6); z-index: 2400; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .conversation-indicator-container .viafoura { color: #0072bc; } html[data-theme='heavy-blue'] .c-indicator-text { color: #0072bc; } html[data-theme='heavy-blue'] .c-indicator-text:hover, html[data-theme='heavy-blue'] .c-indicator-text:active { color: #00548b; } html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin { background: #0072bc; border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin:hover, html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin:active, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin:hover, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin:active { background: #00548b; } html[data-theme='heavy-blue'] #conversations .c-disclaimer a, html[data-theme='heavy-blue'] #livechat .c-disclaimer a { color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='heavy-blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='heavy-blue'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline.svg) no-repeat; } html[data-theme='heavy-blue'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='heavy-blue'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline.svg) no-repeat; } html[data-theme='heavy-blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='heavy-blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #0072bc; } html[data-theme='heavy-blue'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #00548b; } html[data-theme='heavy-blue'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='heavy-blue'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='heavy-blue'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #0072bc; border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='heavy-blue'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #0072bc; } html[data-theme='blue'] .conversation-indicator-container .viafoura { color: #007ac2; } html[data-theme='blue'] .c-indicator-text { color: #007ac2; } html[data-theme='blue'] .c-indicator-text:hover, html[data-theme='blue'] .c-indicator-text:active { color: #0e62a2; } html[data-theme='blue'] #conversations .c-button.c-button--signin, html[data-theme='blue'] #livechat .c-button.c-button--signin { background: #007ac2; border-color: #007ac2; } html[data-theme='blue'] #conversations .c-button.c-button--signin:hover, html[data-theme='blue'] #conversations .c-button.c-button--signin:active, html[data-theme='blue'] #livechat .c-button.c-button--signin:hover, html[data-theme='blue'] #livechat .c-button.c-button--signin:active { background: #0e62a2; } html[data-theme='blue'] #conversations .c-disclaimer a, html[data-theme='blue'] #livechat .c-disclaimer a { color: #007ac2; } html[data-theme='blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #007ac2; } html[data-theme='blue'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='blue'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline-blue.svg) no-repeat; } html[data-theme='blue'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='blue'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline-blue.svg) no-repeat; } html[data-theme='blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #007ac2; } html[data-theme='blue'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #0e62a2; } html[data-theme='blue'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='blue'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #007ac2; } html[data-theme='blue'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='blue'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #007ac2; border-color: #007ac2; } html[data-theme='blue'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='blue'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #007ac2; } html[data-theme='red'] .conversation-indicator-container .viafoura { color: #c51e24; } html[data-theme='red'] .c-indicator-text { color: #c51e24; } html[data-theme='red'] .c-indicator-text:hover, html[data-theme='red'] .c-indicator-text:active { color: #c51e24; } html[data-theme='red'] #conversations .c-button.c-button--signin, html[data-theme='red'] #livechat .c-button.c-button--signin { background: #c51e24; border-color: #c51e24; } html[data-theme='red'] #conversations .c-button.c-button--signin:hover, html[data-theme='red'] #conversations .c-button.c-button--signin:active, html[data-theme='red'] #livechat .c-button.c-button--signin:hover, html[data-theme='red'] #livechat .c-button.c-button--signin:active { background: #c51e24; } html[data-theme='red'] #conversations .c-disclaimer a, html[data-theme='red'] #livechat .c-disclaimer a { color: #c51e24; } html[data-theme='red'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='red'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #c51e24; } html[data-theme='red'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='red'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline-red.svg) no-repeat; } html[data-theme='red'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='red'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline-red.svg) no-repeat; } html[data-theme='red'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='red'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #c51e24; } html[data-theme='red'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #c51e24; } html[data-theme='red'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='red'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #c51e24; } html[data-theme='red'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='red'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #c51e24; border-color: #c51e24; } html[data-theme='red'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='red'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #c51e24; } #conversations .vf-comment-header__heading.vf-heading-text, #conversations .vf-post-form__sign-out-action.vf-button.vf-no-outline.is-link.is-accent-color.is-size-large, #conversations .vf-post-form__auth-actions.vf-label.vf-label-upper { display: none; } #conversations .c-register-message { height: 36px; font-family: TorstarTextO3, sans-serif; font-size: 0.875rem; line-height: 19px; color: #333333; margin-top: 16px; text-align: left; } @media only screen and (max-width: 727px) { #conversations .c-register-message { width: calc(100% - 5px); height: 60px; line-height: 19px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #conversations .c-register-message { width: calc(100% - 5px); height: 48px; font-size: 1rem; line-height: 21px; } } .vf-follow-button.vf-label-text.vf-comment-header__subscribe { top: 12px; right: 0; } .vf-content-editor-input.vf-content.vf-content-editor-form__textarea { -webkit-box-shadow: none; box-shadow: none; } #conversations .viafoura .vf3-comments, #conversations .viafoura .vf3-comment, #conversations .viafoura .vf-tabbed-nav.vf-horiz-list.vf-dropdown-tabs, #conversations .viafoura .vf3-reply-with-new__form.vf3-reply-with-new__form--expanded.vf3-reply-with-new__form--expanded--replyingTo { background-color: #f8f8f8; } #conversations .viafoura .vf-comments { --reserved-space-top: 3.5rem; } #conversations .viafoura .vf-dropdown-wrapper.vf-tooltip { z-index: 10; } #conversations .viafoura .vf-dropdown__tooltip-content.vf-tooltip-content.vf-secondary-text { -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.15); } #conversations .viafoura .vf-loader-button__content, #conversations .viafoura .vf-badge.vf-label-text.vf-badge--accent-color.vf-square-badge.vf-square-badge--small.vf-nav-tab-button__badge { font-weight: 800; } #conversations .viafoura .vf-content-actions__left-action.vf-content-actions__reply.vf-label { color: #000; } #conversations .viafoura .vf-editor-area.vf-editor-area--with-limit { padding-right: 4px; } #conversations .viafoura .vf-post-form__sign-in-action, #conversations .viafoura .vf-post-form__sign-up-action { padding: 0; } #conversations .viafoura .vf-post-form__auth-actions.vf-label.vf-label-upper { right: 8px; } #conversations .vf-content-text.vf-comment__content-editor p { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 0.875rem; line-height: 18px; } #conversations .viafoura .vf-image-wrapper > img { max-width: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .conversation-indicator-container .viafoura { color: #0072bc; } html[data-theme='heavy-blue'] .c-indicator-text { color: #0072bc; } html[data-theme='heavy-blue'] .c-indicator-text:hover, html[data-theme='heavy-blue'] .c-indicator-text:active { color: #00548b; } html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin { background: #0072bc; border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin:hover, html[data-theme='heavy-blue'] #conversations .c-button.c-button--signin:active, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin:hover, html[data-theme='heavy-blue'] #livechat .c-button.c-button--signin:active { background: #00548b; } html[data-theme='heavy-blue'] #conversations .c-disclaimer a, html[data-theme='heavy-blue'] #livechat .c-disclaimer a { color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='heavy-blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='heavy-blue'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline.svg) no-repeat; } html[data-theme='heavy-blue'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='heavy-blue'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline.svg) no-repeat; } html[data-theme='heavy-blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='heavy-blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #0072bc; } html[data-theme='heavy-blue'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='heavy-blue'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #00548b; } html[data-theme='heavy-blue'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='heavy-blue'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='heavy-blue'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #0072bc; border-color: #0072bc; } html[data-theme='heavy-blue'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='heavy-blue'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #0072bc; } html[data-theme='blue'] .conversation-indicator-container .viafoura { color: #007ac2; } html[data-theme='blue'] .c-indicator-text { color: #007ac2; } html[data-theme='blue'] .c-indicator-text:hover, html[data-theme='blue'] .c-indicator-text:active { color: #0e62a2; } html[data-theme='blue'] #conversations .c-button.c-button--signin, html[data-theme='blue'] #livechat .c-button.c-button--signin { background: #007ac2; border-color: #007ac2; } html[data-theme='blue'] #conversations .c-button.c-button--signin:hover, html[data-theme='blue'] #conversations .c-button.c-button--signin:active, html[data-theme='blue'] #livechat .c-button.c-button--signin:hover, html[data-theme='blue'] #livechat .c-button.c-button--signin:active { background: #0e62a2; } html[data-theme='blue'] #conversations .c-disclaimer a, html[data-theme='blue'] #livechat .c-disclaimer a { color: #007ac2; } html[data-theme='blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #007ac2; } html[data-theme='blue'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='blue'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline-blue.svg) no-repeat; } html[data-theme='blue'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='blue'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline-blue.svg) no-repeat; } html[data-theme='blue'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='blue'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #007ac2; } html[data-theme='blue'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='blue'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #0e62a2; } html[data-theme='blue'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='blue'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #007ac2; } html[data-theme='blue'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='blue'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #007ac2; border-color: #007ac2; } html[data-theme='blue'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='blue'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #007ac2; } html[data-theme='red'] .conversation-indicator-container .viafoura { color: #c51e24; } html[data-theme='red'] .c-indicator-text { color: #c51e24; } html[data-theme='red'] .c-indicator-text:hover, html[data-theme='red'] .c-indicator-text:active { color: #c51e24; } html[data-theme='red'] #conversations .c-button.c-button--signin, html[data-theme='red'] #livechat .c-button.c-button--signin { background: #c51e24; border-color: #c51e24; } html[data-theme='red'] #conversations .c-button.c-button--signin:hover, html[data-theme='red'] #conversations .c-button.c-button--signin:active, html[data-theme='red'] #livechat .c-button.c-button--signin:hover, html[data-theme='red'] #livechat .c-button.c-button--signin:active { background: #c51e24; } html[data-theme='red'] #conversations .c-disclaimer a, html[data-theme='red'] #livechat .c-disclaimer a { color: #c51e24; } html[data-theme='red'] #conversations .vf-icon.vf-icon-medium.vf-icon-like path, html[data-theme='red'] #livechat .vf-icon.vf-icon-medium.vf-icon-like path { fill: #c51e24; } html[data-theme='red'] #conversations .vf-comment-actions-btn.vf-new-like-btn svg, html[data-theme='red'] #livechat .vf-comment-actions-btn.vf-new-like-btn svg { background: url(/assets/img/icons/icon-thumbs-up-outline-red.svg) no-repeat; } html[data-theme='red'] #conversations .vf-comment-actions-btn.vf-dislike-btn svg, html[data-theme='red'] #livechat .vf-comment-actions-btn.vf-dislike-btn svg { background: url(/assets/img/icons/icon-thumbs-down-outline-red.svg) no-repeat; } html[data-theme='red'] #conversations .vf-icon.vf-icon-medium.vf-icon-reply, html[data-theme='red'] #livechat .vf-icon.vf-icon-medium.vf-icon-reply { fill: #c51e24; } html[data-theme='red'] #conversations .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #conversations .viafoura .js-newest.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #livechat .viafoura .js-other.vf-comments-sort-option.vf-text-small, html[data-theme='red'] #livechat .viafoura .js-newest.vf-comments-sort-option.vf-text-small { border-color: #c51e24; } html[data-theme='red'] #conversations .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after, html[data-theme='red'] #livechat .viafoura .vf-avatar--clickable[data-v-3587b1a8]:hover::after { border-color: #c51e24; } html[data-theme='red'] #conversations .vf-load-more.vf-text-small.vf-strong, html[data-theme='red'] #livechat .vf-load-more.vf-text-small.vf-strong { color: #c51e24; border-color: #c51e24; } html[data-theme='red'] #conversations .vf-replies-button.vf-strong.vf-text-small, html[data-theme='red'] #livechat .vf-replies-button.vf-strong.vf-text-small { color: #c51e24; } #livechat-wrapper { height: 550px; } .c-livechat { margin: 16px 0 16px 0; } #livechat .c-livechat-register-message { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1rem; font-weight: bold; line-height: 19px; color: #333; } #livechat .c-livechat-signin { display: block; margin: 20px 0 0 0; text-align: center; padding: 0 0 20px 0; border-bottom: 1px solid #ddd; border-width: 1px 0; } @media only screen and (max-width: 727px) { #livechat .c-livechat-signin { margin: 16px 0 0 0; } } #livechat .c-livechat-signin--hide { display: none; } #livechat .c-livechat-disclaimer { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 0.875rem; line-height: 19px; color: #333; margin: 16px 0 16px 0; border-bottom: 1px solid #ddd; border-width: 1px 0; padding: 0 0 16px 0; } @media only screen and (max-width: 727px) { #livechat .c-livechat-disclaimer { width: calc(100% - 5px); height: 60px; line-height: 19px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #livechat .c-livechat-disclaimer { width: calc(100% - 5px); height: 48px; font-size: 1rem; line-height: 21px; } } #livechat .vf-livechat__header { display: none; } #livechat .c-livechat-title { height: 18px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; font-weight: 800; line-height: 1; color: #333; border-bottom: 2px solid black; padding-bottom: 20px; margin-top: 48px; text-transform: uppercase; } #livechat .c-livechat-pullquote { display: none; } #livechat .c-livechat-pullquote--open { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 12px 10px 12px 10px; background-color: #f9f9f9; border-bottom: 3px solid black; } #livechat .c-livechat-pullquote-logo { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 4rem; font-weight: bold; float: left; width: 60px; color: #333; margin-top: -0.25em; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 727px) { #livechat .c-livechat-pullquote-logo { margin-bottom: 17px; } } #livechat .c-livechat-pullquote .c-livechat-pullquotetext { width: 545px; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.125rem; font-weight: 600; line-height: 28px; color: #333; margin-bottom: 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 16px; } @media only screen and (max-width: 727px) { #livechat .c-livechat-pullquote .c-livechat-pullquotetext { width: calc(100% - 5px); font-size: 1rem; line-height: 24px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { #livechat .c-livechat-pullquote .c-livechat-pullquotetext { width: calc(100% - 5px); font-size: 1.5rem; line-height: 32px; } } #livechat .vf-chat-content__user { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.75rem; font-weight: bold; } #livechat .vf-chat-content__timestamp { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.625rem; color: #737373; } #livechat .vf-chat-content__text { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.75rem; } #livechat .vf-chat-form__content { padding: 12px; } #livechat .vf-livechat__section { height: 100%; } #livechat footer { display: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .author-endnote-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 16px 0; border-top: 1px solid #ddd; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; color: #333333; font-style: italic; font-size: 0.75rem; line-height: 1rem; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .author-endnote-container { font-size: 0.875rem; line-height: 1.25rem; } } @media only screen and (min-width: 1086px) { .author-endnote-container { font-size: 0.875rem; line-height: 1.25rem; } } .author-endnote-container__author-img { width: 60px; height: 60px; min-width: 60px; min-height: 60px; } .author-endnote-container__author-img-link { border: none; margin-right: 15px; display: block; min-width: 60px; } .author-endnote-container__author-img-link:hover { text-decoration: none; } .author-endnote-container__author-link { font-weight: 800; font-style: normal; } .author-endnote-container.border-bottom { border-bottom: 1px solid #ddd; margin-bottom: 16px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .c-mediacard:visited h3 { color: #737373; } html[data-theme='heavy-blue'] .c-mediacard:hover h3, html[data-theme='heavy-blue'] .c-mediacard:active h3 { color: #00548b; } html[data-theme='blue'] .c-mediacard:visited h3 { color: #737373; } html[data-theme='blue'] .c-mediacard:hover h3, html[data-theme='blue'] .c-mediacard:active h3 { color: #0e62a2; } html[data-theme='red'] .c-mediacard:visited h3 { color: #737373; } html[data-theme='red'] .c-mediacard:hover h3, html[data-theme='red'] .c-mediacard:active h3 { color: #c51e24; } /* Default MediaCard styles */ .c-mediacard { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .c-mediacard.has-min-height { min-height: 150px; } .c-mediacard__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .c-mediacard__author { color: #737373; font-size: 0.625rem; font-weight: bold; margin-bottom: 5px; text-transform: uppercase; } /* MediaCard states */ .c-mediacard--loading .c-mediacard__labels { display: none; } .c-mediacard--loading .c-mediacard__heading { background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(50%, #fff), color-stop(50%, #f8f8f8), to(#f8f8f8)); background-image: -o-linear-gradient(top, #fff, #fff 50%, #f8f8f8 50%, #f8f8f8); background-image: linear-gradient(to bottom, #fff, #fff 50%, #f8f8f8 50%, #f8f8f8); background-size: 100% 20px; color: transparent; height: 60px; position: relative; width: 100%; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: blink; animation-name: blink; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .c-mediacard__abstract { color: #737373; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 8px; display: inline-block; max-width: 100%; } .c-mediacard--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--column .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--row .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--row .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } @media only screen and (max-width: 727px) { .c-mediacard--small-only-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--small-only-row .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--small-only-row .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } } @media only screen and (max-width: 727px) { .c-mediacard--small-only-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--small-only-column .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (max-width: 727px) { .c-mediacard--small-only-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--small-only-row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--small-only-row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--small-only-row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--small-only-row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-mediacard--medium-only-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--medium-only-column .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-mediacard--medium-only-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--medium-only-row .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--medium-only-row .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-mediacard--medium-only-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--medium-only-row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--medium-only-row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--medium-only-row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--medium-only-row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } } @media only screen and (min-width: 1086px) { .c-mediacard--large-only-column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--large-only-column .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } @media only screen and (min-width: 1086px) { .c-mediacard--large-only-row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--large-only-row .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--large-only-row .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } } @media only screen and (min-width: 1086px) { .c-mediacard--large-only-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 16px; padding-bottom: 16px; } .c-mediacard--large-only-row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-mediacard--large-only-row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--large-only-row-reverse .c-mediacard__image-wrapper { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-mediacard--large-only-row-reverse .c-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } } @-webkit-keyframes placeholderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @keyframes placeholderShimmer { 0% { background-position: -468px 0; } 100% { background-position: 468px 0; } } @-webkit-keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } @keyframes blink { 0% { opacity: 1; } 50% { opacity: 0.5; } 100% { opacity: 1; } } .c-mediacard:visited h3 { color: #737373; } .c-mediacard:hover h3, .c-mediacard:active h3 { color: #333; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-mediacard-img-wrapper { background-color: #f8f8f8; border-radius: 5px; overflow: hidden; position: relative; } .c-mediacard-img img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .c-mediacard-no-img { background-size: cover; background-position: center; height: 100%; width: 100%; position: absolute; top: 0; left: 0; } .c-mediacard-img--column { width: 100%; margin-bottom: 16px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .c-mediacard-img--row, .c-mediacard-img--row-reverse { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } .c-mediacard-img--row.c-mediacard-img--aspect-ratio-1x1, .c-mediacard-img--row-reverse.c-mediacard-img--aspect-ratio-1x1 { width: 72px; min-width: 72px; } .c-mediacard-img--row.c-mediacard-img--aspect-ratio-3x2, .c-mediacard-img--row-reverse.c-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } .c-mediacard-img--row.c-mediacard-img--aspect-ratio-3x2-condensed, .c-mediacard-img--row-reverse.c-mediacard-img--aspect-ratio-3x2-condensed { width: 90px; min-width: 90px; } @media only screen and (max-width: 727px) { .c-mediacard-img--small-only-column { width: 100%; margin-bottom: 16px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (max-width: 727px) { .c-mediacard-img--small-only-row, .c-mediacard-img--small-only-row-reverse { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } .c-mediacard-img--small-only-row.c-mediacard-img--aspect-ratio-1x1, .c-mediacard-img--small-only-row-reverse.c-mediacard-img--aspect-ratio-1x1 { width: 72px; min-width: 72px; } .c-mediacard-img--small-only-row.c-mediacard-img--aspect-ratio-3x2, .c-mediacard-img--small-only-row-reverse.c-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } .c-mediacard-img--small-only-row.c-mediacard-img--aspect-ratio-3x2-condensed, .c-mediacard-img--small-only-row-reverse.c-mediacard-img--aspect-ratio-3x2-condensed { width: 90px; min-width: 90px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-mediacard-img--medium-only-column { width: 100%; margin-bottom: 16px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-mediacard-img--medium-only-row, .c-mediacard-img--medium-only-row-reverse { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } .c-mediacard-img--medium-only-row.c-mediacard-img--aspect-ratio-1x1, .c-mediacard-img--medium-only-row-reverse.c-mediacard-img--aspect-ratio-1x1 { width: 72px; min-width: 72px; } .c-mediacard-img--medium-only-row.c-mediacard-img--aspect-ratio-3x2, .c-mediacard-img--medium-only-row-reverse.c-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } .c-mediacard-img--medium-only-row.c-mediacard-img--aspect-ratio-3x2-condensed, .c-mediacard-img--medium-only-row-reverse.c-mediacard-img--aspect-ratio-3x2-condensed { width: 90px; min-width: 90px; } } @media only screen and (min-width: 1086px) { .c-mediacard-img--large-only-column { width: 100%; margin-bottom: 16px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (min-width: 1086px) { .c-mediacard-img--large-only-row, .c-mediacard-img--large-only-row-reverse { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } .c-mediacard-img--large-only-row.c-mediacard-img--aspect-ratio-1x1, .c-mediacard-img--large-only-row-reverse.c-mediacard-img--aspect-ratio-1x1 { width: 72px; min-width: 72px; } .c-mediacard-img--large-only-row.c-mediacard-img--aspect-ratio-3x2, .c-mediacard-img--large-only-row-reverse.c-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } .c-mediacard-img--large-only-row.c-mediacard-img--aspect-ratio-3x2-condensed, .c-mediacard-img--large-only-row-reverse.c-mediacard-img--aspect-ratio-3x2-condensed { width: 90px; min-width: 90px; } } .c-mediacard-img--loading { background: #f8f8f8; background-image: -webkit-gradient(linear, left top, right top, from(#f8f8f8), color-stop(20%, #eff1f2), color-stop(40%, #f8f8f8), to(#f8f8f8)); background-image: -o-linear-gradient(left, #f8f8f8 0%, #eff1f2 20%, #f8f8f8 40%, #f8f8f8 100%); background-image: linear-gradient(to right, #f8f8f8 0%, #eff1f2 20%, #f8f8f8 40%, #f8f8f8 100%); background-repeat: no-repeat; display: inline-block; position: relative; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: placeholderShimmer; animation-name: placeholderShimmer; -webkit-animation-timing-function: linear; animation-timing-function: linear; } .c-mediacard-img--loading img { display: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-mediacard-labels { line-height: 0; max-width: 100%; } .c-mediacard-labels__label { border: 1px solid transparent; display: inline-block; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.5px; line-height: 1rem; margin-bottom: 4px; text-transform: uppercase; } .c-mediacard-labels__label:nth-child(n + 1) { margin-right: 8px; } .c-mediacard-labels__label--trust { border: 1px solid #333; border-radius: 2px; color: #333; font-size: 0.625rem; line-height: 0.875rem; padding: 0 5px; } @media only screen and (min-width: 728px) { .c-mediacard-labels__label--trust { font-size: 0.625rem; } } .c-mediacard-labels__label--section { color: #737373; } .c-mediacard-labels__label--special { color: #b40404; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-credit-logo { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; height: 24px; line-height: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-credit-logo img { height: 100%; max-height: 16px; max-width: 112px; margin-top: -1px; } .c-credit-logo-absolute { position: absolute; margin: 4px 0; right: 16px; bottom: 16px; z-index: 10; } @media only screen and (min-width: 728px) { .c-credit-logo-absolute { right: 16px; } } .c-livechat-indicator-icon { width: 24px; height: 24px; -o-object-fit: contain; object-fit: contain; margin-right: 8px; display: inline-block; } .c-livechat-indicator-icon--aggregation { width: 21px; height: 18px; } .c-icon-active { background: url(/assets/img/icon-livechat-active.svg) no-repeat; } .c-icon-inactive { background: url(/assets/img/icon-livechat-inactive.svg) no-repeat; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .conversation-indicator-container .viafoura { color: #0072bc; } html[data-theme='heavy-blue'] .c-conversation-indicator-text { color: #0072bc; } html[data-theme='heavy-blue'] .c-conversation-indicator-text:hover, html[data-theme='heavy-blue'] .c-conversation-indicator-text:active { color: #00548b; } html[data-theme='heavy-blue'] .c-conversation-indicator-text--aggregation { color: #737373; } html[data-theme='heavy-blue'] .c-conversation-indicator-text--aggregation:hover, html[data-theme='heavy-blue'] .c-conversation-indicator-text--aggregation:active { color: #737373; } html[data-theme='heavy-blue'] .c-conversation-indicator-icon { background: url(/assets/img/indicator-icon.svg) no-repeat; } html[data-theme='heavy-blue'] .c-conversation-indicator-icon--aggregation { background: url(/assets/img/indicator-icon-aggregation.svg) no-repeat; } html[data-theme='blue'] .conversation-indicator-container .viafoura { color: #007ac2; } html[data-theme='blue'] .c-conversation-indicator-text { color: #007ac2; } html[data-theme='blue'] .c-conversation-indicator-text:hover, html[data-theme='blue'] .c-conversation-indicator-text:active { color: #0e62a2; } html[data-theme='blue'] .c-conversation-indicator-text--aggregation { color: #737373; } html[data-theme='blue'] .c-conversation-indicator-text--aggregation:hover, html[data-theme='blue'] .c-conversation-indicator-text--aggregation:active { color: #737373; } html[data-theme='blue'] .c-conversation-indicator-icon { background: url(/assets/img/indicator-icon-blue.svg) no-repeat; } html[data-theme='blue'] .c-conversation-indicator-icon--aggregation { background: url(/assets/img/indicator-icon-aggregation.svg) no-repeat; } html[data-theme='red'] .conversation-indicator-container .viafoura { color: #c51e24; } html[data-theme='red'] .c-conversation-indicator-text { color: #c51e24; } html[data-theme='red'] .c-conversation-indicator-text:hover, html[data-theme='red'] .c-conversation-indicator-text:active { color: #c51e24; } html[data-theme='red'] .c-conversation-indicator-text--aggregation { color: #737373; } html[data-theme='red'] .c-conversation-indicator-text--aggregation:hover, html[data-theme='red'] .c-conversation-indicator-text--aggregation:active { color: #737373; } html[data-theme='red'] .c-conversation-indicator-icon { background: url(/assets/img/indicator-icon-red.svg) no-repeat; } html[data-theme='red'] .c-conversation-indicator-icon--aggregation { background: url(/assets/img/indicator-icon-aggregation.svg) no-repeat; } .conversation-indicator-container { grid-column: 2 / span 10; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 28px; background-color: transparent; cursor: pointer; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } .conversation-indicator-container .vf-counter { display: none; } .conversation-indicator-container.show-conversation-replies .vf-counter { display: inline; } .conversation-indicator-container--aggregation { pointer-events: none; margin-bottom: 0; } .conversation-indicator-container .viafoura { display: inline; color: #00548b; } .c-conversation-indicator-icon { width: 24px; height: 24px; -o-object-fit: contain; object-fit: contain; margin-right: 4px; background: url(/assets/img/indicator-icon.svg) no-repeat; display: inline-block; } .c-conversation-indicator-icon--aggregation { width: 16px; height: 16px; background: url(/assets/img/indicator-icon-aggregation.svg) no-repeat; } .c-conversation-indicator-text { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 12px; color: #0072bc; display: inline-block; pointer-events: none; } @media only screen and (max-width: 727px) { .c-conversation-indicator-text { font-size: 12px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-conversation-indicator-text { font-size: 12px; } } .viafoura span[data-vf-id] { font-size: 12px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; } .viafoura span[data-vf-id].show-conversation-replies { display: inline-block; color: #737373; } .viafoura span[data-vf-id]::after { padding-top: 3px; font-size: 12px; } .conversation-replies-count { display: none; } .conversation-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-mediacard-footer { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; min-height: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-mediacard-footer__items-left { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 10px; } .c-mediacard-footer .conversation-indicator-container--aggregation { display: -webkit-box; display: -ms-flexbox; display: flex; background-color: transparent; cursor: pointer; -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; pointer-events: none; margin-bottom: 0; } .c-mediacard-footer .c-conversation-indicator-icon--aggregation { -o-object-fit: contain; object-fit: contain; margin-right: 4px; display: inline-block; width: 16px; height: 16px; background: url(/assets/img/indicator-icon-aggregation.svg) no-repeat; } .c-mediacard-footer .conversations-separator-left { margin-left: 10px; } .c-mediacard-footer .conversations-separator-left:before { content: ''; border-left: 1px solid #d8d8d8; height: 16px; -ms-flex-item-align: center; align-self: center; padding-left: 10px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-mediacard__heading { width: 100%; color: #333; font-family: TorstarDeckCondensed, Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.375rem; line-height: 1.5rem; margin-bottom: 8px; } .c-mediacard__heading.mediacard-headline__short { letter-spacing: 0.2px; } .c-mediacard__heading.mediacard-headline__long-feature { font-family: TorstarDeckCondensed, Georgia, "Times New Roman", Times, serif; font-weight: 600; font-size: 1.625rem; line-height: 1.75rem; } @media only screen and (min-width: 728px) { .c-mediacard__heading.mediacard-headline__long-feature { font-size: 1.875rem; line-height: 2rem; } } .c-mediacard__heading.mediacard-headline__short-feature { font-family: TorstarCompressed, Georgia, "Times New Roman", Times, serif; font-weight: bold; letter-spacing: 0.6px; font-size: 2rem; line-height: 1; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-mediacard__heading.mediacard-headline__short-feature { font-size: 2.5rem; } } @media only screen and (min-width: 1086px) { .c-mediacard__heading.mediacard-headline__short-feature { font-size: 3rem; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .article-related-inline { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .article-related-inline { display: none; } } .article-related-inline { margin-bottom: 24px; margin-left: -32px; } @media only screen and (min-width: 728px) { .article-related-inline { margin-left: -88px; } } .c-related-articles { border-radius: 0px 5px 5px 0px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding-top: 12px; padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 728px) { .c-related-articles { border-radius: 5px; padding-left: 16px; padding-right: 16px; margin-top: 16px; margin-bottom: 16px; } } @media only screen and (max-width: 1085px) { .c-related-articles .article-list-heading { margin-bottom: 0; } } .c-related-articles .c-related-articles__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 1086px) { .c-related-articles .c-related-articles__content { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } .c-related-articles .c-related-articles__content a { text-decoration: none; } .c-related-articles .c-related-articles__content .c-related-articles__article:not(:last-child) { border-bottom: 1px solid #c2c2c2; } @media only screen and (min-width: 1086px) { .c-related-articles .c-related-articles__content .c-related-articles__article:not(:last-child), .c-related-articles .c-related-articles__content .c-related-articles__article:nth-child(3) { border-bottom: none; border-top: none; margin-right: 24px; } .c-related-articles .c-related-articles__content .c-related-articles__article:nth-child(n + 4) { margin-right: 0; } } .c-related-articles .c-related-articles-inline__content { margin-left: 16px; margin-top: -4px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-related-articles .c-related-articles-inline__content a { text-decoration: none; } .c-related-articles .c-related-articles-inline__content .c-mediacard__heading { font-size: 1.125rem; line-height: 1.25; font-weight: 400; } .c-related-articles .c-related-articles-inline__content .c-mediacard-footer { margin-top: 0px; } .c-related-articles .c-related-articles-inline__content .c-mediacard--large-only-row { padding-top: 12px; padding-bottom: 12px; } .c-related-articles .c-related-articles-inline__content .c-related-articles__article:not(:last-child) { border-bottom: 1px solid #c2c2c2; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-more-articles { padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 728px) { .c-more-articles { padding-left: 16px; padding-right: 16px; } } .c-more-articles .c-more-articles__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: calc(100% + (16px * 2)); margin-left: -16px; } @media only screen and (min-width: 728px) { .c-more-articles .c-more-articles__content { margin-left: -16px; } } .c-more-articles .c-more-articles__article { padding: 16px; } .c-more-articles .c-more-articles__article:not(:last-child) { border-bottom: 1px solid #c2c2c2; } @media only screen and (min-width: 728px) { .c-more-articles .c-more-articles__article { width: 50%; padding: 16px; } .c-more-articles .c-more-articles__article:nth-child(2):before, .c-more-articles .c-more-articles__article:nth-child(4):before { content: ''; position: absolute; top: 16px; left: 0; height: calc(100% - (16px * 2)); border-left: 1px solid #c2c2c2; } .c-more-articles .c-more-articles__article:nth-child(-n + 2) { border-bottom: none; } .c-more-articles .c-more-articles__article:nth-child(3) { border-top: 1px solid #c2c2c2; } .c-more-articles .c-more-articles__article:nth-child(n + 3) { width: 100%; } } @media only screen and (min-width: 1086px) { .c-more-articles--partialwidth .c-more-articles__article:not(:last-child) { border-bottom: none; } .c-more-articles--partialwidth .c-more-articles__article:nth-child(1), .c-more-articles--partialwidth .c-more-articles__article:nth-child(2) { border-bottom: 1px solid #c2c2c2; } .c-more-articles--partialwidth .c-more-articles__article:nth-child(3) { border-top: none; } .c-more-articles--partialwidth .c-more-articles__article:nth-child(5) { border-top: 1px solid #c2c2c2; border-bottom: 1px solid #c2c2c2; } .c-more-articles--partialwidth .c-more-articles__article:last-child { border-bottom: none; } .c-more-articles--partialwidth .c-more-articles__article:nth-child(n + 3) { width: 50%; } .c-more-articles--partialwidth .c-more-articles__article:nth-child(n + 5) { width: 100%; } } @media only screen and (min-width: 1086px) { .c-more-articles--fullwidth .c-more-articles__article { border-bottom: none; width: calc(33.33% - 16px); margin-right: 24px; } .c-more-articles--fullwidth .c-more-articles__article:not(:last-child), .c-more-articles--fullwidth .c-more-articles__article:nth-child(3) { border-bottom: none; border-top: none; } .c-more-articles--fullwidth .c-more-articles__article:nth-child(3n) { margin-right: 0; } .c-more-articles--fullwidth .c-more-articles__article:nth-child(n + 3) { width: calc(33.33% - 16px); } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-top-articles { padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 728px) { .c-top-articles { padding-left: 16px; padding-right: 16px; } } @media only screen and (min-width: 728px) { .c-top-articles--with-flex .c-top-articles__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-top-articles .c-top-articles__content { width: calc(100% + (16px * 2)); margin-left: -16px; } @media only screen and (min-width: 728px) { .c-top-articles .c-top-articles__content { width: calc(100% + (16px * 2)); margin-left: -16px; } } .c-top-articles .c-top-articles__content .c-top-articles__article { padding: 16px; } @media only screen and (min-width: 728px) { .c-top-articles .c-top-articles__content .c-top-articles__article { padding: 16px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-top-articles .c-top-articles__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-top-articles .c-top-articles__article { padding: 16px; } .c-top-articles .c-top-articles__article:not(:last-child) { border-bottom: 1px solid #c2c2c2; } .c-top-articles .c-top-articles__article:nth-child(-n + 2) { border-bottom: none; width: calc(50% - 16px); } .c-top-articles .c-top-articles__article:nth-child(3) { border-top: 1px solid #c2c2c2; } .c-top-articles .c-top-articles__article:nth-child(n + 3) { width: 100%; } } @media only screen and (max-width: 727px) { .c-top-articles .c-top-articles__article:not(:last-child) { border-bottom: 1px solid #c2c2c2; } } @media only screen and (min-width: 1086px) { .c-top-articles--partialwidth .c-top-articles__article:not(:last-child):before { content: ''; position: absolute; left: 16px; bottom: 0; height: 1px; width: calc(100% - (16px * 2)); border-bottom: 1px solid #c2c2c2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-top-articles--partialwidth .c-top-articles__article:first-child { border-bottom: none; } .c-top-articles--partialwidth .c-top-articles__article:nth-child(2) { border-bottom: none; } } @media only screen and (min-width: 1086px) { .c-top-articles--fullwidth .c-top-articles__article { border-bottom: none; width: calc(33.33% - 16px); margin-right: 24px; } .c-top-articles--fullwidth .c-top-articles__article:not(:last-child), .c-top-articles--fullwidth .c-top-articles__article:nth-child(3) { border-bottom: none; border-top: none; } .c-top-articles--fullwidth .c-top-articles__article:nth-child(3n) { margin-right: 0; } .c-top-articles--fullwidth .c-top-articles__article:nth-child(n + 3) { width: calc(33.33% - 16px); } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-native-ad-mediacard { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; width: 100%; } .c-native-ad-mediacard.has-min-height { min-height: 150px; } .c-native-ad-mediacard__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; overflow-wrap: normal; } /* * image */ .c-native-ad-mediacard-img-wrapper { background-color: #f8f8f8; border-radius: 5px; overflow: hidden; position: relative; } .c-native-ad-mediacard-img img { position: absolute; top: 0; left: 0; width: 100%; height: auto; } .c-native-ad-mediacard-img--row { width: 72px; min-width: 72px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; margin-left: 8px; } .c-native-ad-mediacard-img--row.c-native-ad-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } @media only screen and (min-width: 1086px) { .c-native-ad-mediacard-img--row { width: 72px; min-width: 72px; } .c-native-ad-mediacard-img--row.c-native-ad-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } } .c-native-ad-mediacard-img--row-reverse { width: 72px; min-width: 72px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-bottom: 0; } .c-native-ad-mediacard-img--row-reverse.c-native-ad-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } @media only screen and (min-width: 1086px) { .c-native-ad-mediacard-img--row-reverse { width: 72px; min-width: 72px; } .c-native-ad-mediacard-img--row-reverse.c-native-ad-mediacard-img--aspect-ratio-3x2 { width: 140px; min-width: 140px; } } /* * Column */ .c-native-ad-mediacard-img--column { width: 100%; margin-bottom: 16px; -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } .c-native-ad-mediacard--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-top: 20px; padding-bottom: 20px; } .c-native-ad-mediacard--column .c-native-ad-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-native-ad-mediacard--column .c-native-ad-mediacard__content.is-advertisement { background-color: #fff; border-radius: 5px; } /* * Row */ .c-native-ad-mediacard--row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 20px; padding-bottom: 20px; } .c-native-ad-mediacard--row.is-advertisement { background-color: #fff; border-radius: 5px; } .c-native-ad-mediacard--row .c-native-ad-mediacard__content.is-advertisement { padding-right: 16px; } .c-native-ad-mediacard--row-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; padding-top: 20px; padding-bottom: 20px; } .c-native-ad-mediacard--row-reverse.is-advertisement { background-color: #fff; border-radius: 5px; } .c-native-ad-mediacard--row-reverse .c-native-ad-mediacard__content.is-advertisement { background-color: #fff; border-radius: 5px; } .c-native-ad-mediacard--row-reverse .c-native-ad-mediacard__image-wrapper { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; margin-right: 16px; } .c-native-ad-mediacard--row-reverse .c-native-ad-mediacard__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin-right: 0; } /* * Labels */ .c-native-ad-mediacard-labels { line-height: 0; } .c-native-ad-mediacard-labels__label { border: 1px solid transparent; display: inline-block; font-size: 0.625rem; font-weight: 800; letter-spacing: 0.5px; line-height: 1rem; margin-bottom: 4px; text-transform: uppercase; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; } .c-native-ad-mediacard-labels__label:nth-child(n + 1) { padding-right: 8px; } .c-native-ad-mediacard-labels__label--trust { border: 1px solid #333; border-radius: 2px; color: #333; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.625rem; line-height: 0.875rem; padding: 0 5px; } @media only screen and (min-width: 728px) { .c-native-ad-mediacard-labels__label--trust { font-size: 0.625rem; } } .c-native-ad-mediacard-labels__label--advertisement { color: #737373; } /* Heading */ .c-native-ad-mediacard__heading { width: 100%; color: #333; font-family: TorstarDeckCondensed, Georgia, "Times New Roman", Times, serif; font-weight: normal; font-size: 1.375rem; line-height: 1.5rem; letter-spacing: 0.2px; } .c-native-ad-mediacard-external-link { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 8px; color: #737373; font-size: 0.75rem; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; height: 24px; line-height: 2; } .c-native-ad-mediacard-external-link__icon { font-size: 24px; vertical-align: middle; opacity: 50%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-partner-articles { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; font-family: "TorstarDeckCondensed", serif; padding-left: 16px; padding-right: 16px; } @media only screen and (min-width: 728px) { .c-partner-articles { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-partner-articles { margin-bottom: 16px; } } @media only screen and (min-width: 728px) { .c-partner-articles { padding-left: 16px; padding-right: 16px; } } .c-partner-articles .article-list-heading { letter-spacing: 0.6px; } .c-partner-articles .c-partner-articles__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; line-height: 1.5rem; } @media only screen and (min-width: 1086px) { .c-partner-articles .c-partner-articles__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-partner-articles .c-partner-articles__article { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -ms-flex-preferred-size: calc(25% - (16px * 2)); flex-basis: calc(25% - (16px * 2)); -ms-flex-item-align: stretch; align-self: stretch; } .c-partner-articles .c-partner-articles__article:not(:last-child) { border-bottom: 1px solid #c2c2c2; } .c-partner-articles .c-partner-articles__article:nth-child(3n) { border-bottom: 0; } @media only screen and (min-width: 1086px) { .c-partner-articles .c-partner-articles__article { border-bottom: none !important; margin-right: 24px; } .c-partner-articles .c-partner-articles__article:nth-child(4n) { margin-right: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .ownlocal-container { display: none; } } .ownlocal-container { text-align: center; margin-top: -30px; } @media only screen and (max-width: 727px) { .ownlocal-container { margin-top: -17px; } } .ownlocal-belowlinks a, .ownlocal-belowlinks :visited { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 800; font-size: 10px; color: #0072bc; letter-spacing: 0.6px; padding-right: 8px; padding-left: 8px; } .ownlocal-belowlinks a:hover, .ownlocal-belowlinks a :active, .ownlocal-belowlinks :visited:hover, .ownlocal-belowlinks :visited :active { color: #00548b; } .ownlocal-belowlinks a:not(:last-child) { border-right: 1px solid #c2c2c2; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .print-header { border-bottom: 1px solid #ccc; display: none; margin: 1rem 0 2rem; padding-bottom: 0.75rem; } @media print { .print-header { display: block; } } .print-footer { border-top: 1px solid #ccc; display: none; margin-top: 3rem; padding-top: 0.75rem; } @media print { .print-footer { display: block; } } .c-section .c-section__googleadslot { margin-top: 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .aggregation { clear: both; max-width: 100%; margin-right: auto; margin-left: auto; } @media only screen and (min-width: 1086px) { .aggregation { max-width: 1176px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-standalone-pack-wrapper { background-color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-standalone-pack-wrapper--standalone { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; padding-left: 16px; padding-right: 16px; } .c-standalone-pack-wrapper--standalone:not(.includes-parent-margin) { margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-standalone-pack-wrapper--standalone:not(.includes-parent-margin) { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-standalone-pack-wrapper--standalone:not(.includes-parent-margin) { margin-bottom: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-three-story-buffer__articles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-three-story-buffer__articles { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-three-story-buffer__article { position: relative; padding: 16px; border-bottom: 1px solid #d8d8d8; padding-left: 0; padding-right: 0; } .c-three-story-buffer__article:first-child { padding-left: 0; } .c-three-story-buffer__article:first-child .c-mediacard__heading { font-weight: 600; } .c-three-story-buffer__article:last-child { padding-right: 0; border-bottom: none; } @media only screen and (min-width: 728px) { .c-three-story-buffer__article { padding: 16px; border-bottom: none; -webkit-box-flex: 1; -ms-flex: 1 0 33%; flex: 1 0 33%; } .c-three-story-buffer__article:first-child { padding-left: 0; } .c-three-story-buffer__article:last-child { padding-right: 0; } .c-three-story-buffer__article:nth-child(n + 2)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } .c-three-story-buffer__article .c-native-ad-mediacard--row-reverse { padding-top: 0; padding-bottom: 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-four-story-buffer__articles, .c-four-story-buffer__articles--small { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media only screen and (min-width: 728px) { .c-four-story-buffer__articles:not(.c-four-story-buffer__articles--small) { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-four-story-buffer__article { padding: 16px; } .c-four-story-buffer__article:last-child { border-bottom: none; } .c-four-story-buffer__article .c-mediacard__heading { font-size: 0.875rem; line-height: 1.25rem; color: #333; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; } @media only screen and (max-width: 727px) { .c-four-story-buffer__article { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; } .c-four-story-buffer__article:nth-child(-n + 2) { border-bottom: 1px solid #d8d8d8; } .c-four-story-buffer__article:nth-child(2n)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } .c-four-story-buffer__article:nth-child(odd) { padding-left: 0; } .c-four-story-buffer__article:nth-child(even) { padding-right: 0; } } .c-four-story-buffer__article--small { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding: 16px; } .c-four-story-buffer__article--small:nth-child(-n + 2) { border-bottom: 1px solid #d8d8d8; } .c-four-story-buffer__article--small:nth-child(2n)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } .c-four-story-buffer__article--small:nth-child(odd) { padding-left: 0; } .c-four-story-buffer__article--small:nth-child(even) { padding-right: 0; } @media only screen and (min-width: 728px) { .c-four-story-buffer__article:not(.c-four-story-buffer__article--small) { padding: 16px; border-bottom: none; -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; max-width: 25%; } .c-four-story-buffer__article:not(.c-four-story-buffer__article--small):nth-child(n + 2)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } .c-four-story-buffer__article:not(.c-four-story-buffer__article--small):first-child { padding-left: 0; } .c-four-story-buffer__article:not(.c-four-story-buffer__article--small):last-child { padding-right: 0; } } @media only screen and (min-width: 728px) { .c-four-story-buffer__standalone .c-four-story-buffer__article { padding: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .c-feature-mediacard:visited h3 { color: #737373; } html[data-theme='heavy-blue'] .c-feature-mediacard:hover h3, html[data-theme='heavy-blue'] .c-feature-mediacard:active h3 { color: #00548b; } html[data-theme='blue'] .c-feature-mediacard:visited h3 { color: #737373; } html[data-theme='blue'] .c-feature-mediacard:hover h3, html[data-theme='blue'] .c-feature-mediacard:active h3 { color: #0e62a2; } html[data-theme='red'] .c-feature-mediacard:visited h3 { color: #737373; } html[data-theme='red'] .c-feature-mediacard:hover h3, html[data-theme='red'] .c-feature-mediacard:active h3 { color: #c51e24; } .c-feature-mediacard { padding: 16px 0 16px; } .c-feature-mediacard__details { position: relative; z-index: 1; } .c-feature-mediacard__headlines { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-feature-mediacard__abstract { color: #737373; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 8px; display: inline-block; max-width: 100%; } /* FeatureMediaCard layouts */ .c-feature-mediacard--column { display: block; } @media only screen and (min-width: 728px) { .c-feature-mediacard--column .c-feature-mediacard__headlines { width: calc(75% - 16px); } } .c-feature-mediacard--column .c-feature-mediacard__details::before { display: none; background-color: #fff; content: ''; height: 40px; position: absolute; top: 0; left: -1px; z-index: -1; } @media only screen and (min-width: 728px) { .c-feature-mediacard--column .c-feature-mediacard__details { margin-top: -40px; padding: 16px 16px 0; } .c-feature-mediacard--column .c-feature-mediacard__details::before { display: block; width: calc(75% + 1px); } } @media only screen and (min-width: 728px) { .c-feature-mediacard--column .c-feature-mediacard__details-no-image::before { display: none; width: auto; } .c-feature-mediacard--column .c-feature-mediacard__details-no-image .c-mediacard-labels { margin-top: 16px; } } .c-feature-mediacard--row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .c-feature-mediacard--row .c-feature-mediacard__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 16px; margin-bottom: 0; } @media only screen and (min-width: 728px) { .c-feature-mediacard--row .c-feature-mediacard__details { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0; } } .c-feature-mediacard--row-reverse { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .c-feature-mediacard--row-reverse .c-feature-mediacard__image { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; padding-left: 16px; margin-bottom: 0; } @media only screen and (min-width: 728px) { .c-feature-mediacard--row-reverse .c-feature-mediacard__details { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } } /* FeatureMediaCard column layouts */ @media only screen and (min-width: 1086px) { .c-feature-mediacard--3columns .c-feature-mediacard__details::before { width: calc(50% + 1px); } } @media only screen and (min-width: 1086px) { .c-feature-mediacard--3columns .c-feature-mediacard__headlines { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; } } @media only screen and (min-width: 1086px) { .c-feature-mediacard--3columns .c-feature-mediacard__heading { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; padding-right: 16px; max-width: 50%; } } @media only screen and (min-width: 1086px) { .c-feature-mediacard--3columns .c-feature-mediacard__abstract { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -ms-flex-item-align: baseline; align-self: baseline; border-left: 1px solid #d8d8d8; padding-left: 16px; } } .c-feature-mediacard:visited h3 { color: #737373; } .c-feature-mediacard:hover h3, .c-feature-mediacard:active h3 { color: #333; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-one-story-horizontal-right-hero-large .c-one-story-horizontal-right-hero-large__article.c-feature-mediacard--row-reverse .c-feature-mediacard__image, .c-one-story-horizontal-right-hero-large .c-one-story-horizontal-right-hero-large__article.c-feature-mediacard--column .c-feature-mediacard__image { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; } .c-one-story-horizontal-right-hero-large__standalone .c-one-story-horizontal-right-hero-large__article { padding: 16px 0 16px 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-two-story-buffer-thumbs__articles { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-two-story-buffer-thumbs__articles { margin-left: -16px; width: calc(100% + (16px * 2)); -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-two-story-buffer-thumbs__articles .c-two-story-buffer-thumbs__article { padding: 16px; border-bottom: 1px solid #d8d8d8; padding-left: 0; padding-right: 0; } @media only screen and (min-width: 728px) { .c-two-story-buffer-thumbs__articles .c-two-story-buffer-thumbs__article { padding: 16px; border-bottom: none; } } .c-two-story-buffer-thumbs__articles .c-two-story-buffer-thumbs__article:last-child { border-bottom: none; } .c-two-story-buffer-thumbs__articles .c-two-story-buffer-thumbs__article:last-child .c-mediacard__heading { font-weight: 600; } @media only screen and (min-width: 728px) { .c-two-story-buffer-thumbs__articles .c-two-story-buffer-thumbs__article:nth-child(n + 2)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } @media only screen and (min-width: 728px) { .c-two-story-buffer-thumbs__articles .c-two-story-buffer-thumbs__article:first-child { -webkit-box-flex: 1; -ms-flex: 1 0 33%; flex: 1 0 33%; } } @media only screen and (min-width: 1086px) { .c-two-story-buffer-thumbs__standalone .c-two-story-buffer-thumbs__articles { margin-left: -16px; width: calc(100% + (16px * 2)); } } @media only screen and (min-width: 728px) { .c-two-story-buffer-thumbs__standalone .c-two-story-buffer-thumbs__article { padding: 16px; } } @media only screen and (min-width: 728px) { .c-two-story-buffer-thumbs__standalone .c-two-story-buffer-thumbs__article:first-child { padding-left: 16px; } } @media only screen and (min-width: 1086px) { .c-two-story-buffer-thumbs__standalone .c-two-story-buffer-thumbs__article:first-child { padding-left: 16px; } } @media only screen and (min-width: 728px) { .c-two-story-buffer-thumbs__standalone .c-two-story-buffer-thumbs__article:last-child { padding-right: 16px; } } @media only screen and (min-width: 1086px) { .c-two-story-buffer-thumbs__standalone .c-two-story-buffer-thumbs__article:last-child { padding-right: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-minimal-list { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-minimal-list { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-minimal-list { margin-bottom: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-article-list-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; width: 100%; } .c-article-list-flex::before, .c-article-list-flex::after { display: none; background-color: #fff; content: ''; width: 16px; height: calc(100% - 10px); padding-top: 5px; position: absolute; top: 0; z-index: 1; } .c-article-list-flex:before { left: 0; } .c-article-list-flex:after { right: 0; } @media only screen and (min-width: 728px) { .c-article-list-flex { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: calc(100% + (16px * 2)); margin-left: -16px; } .c-article-list-flex::before, .c-article-list-flex::after { display: block; } } .c-article-list-flex__article { border-bottom: 1px solid #d8d8d8; position: relative; } .c-article-list-flex__article:last-child { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; border-bottom: none; } @media only screen and (min-width: 728px) { .c-article-list-flex__article { padding-left: 16px; padding-right: 16px; } .c-article-list-flex__article:nth-child(even)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } .c-article-list-flex--1columns { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .c-article-list-flex--1columns .c-article-list-flex__article { padding-left: unset; padding-right: unset; } .c-article-list-flex--1columns .c-article-list-flex__article:last-child { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; } .c-article-list-flex--1columns .c-article-list-flex__article:nth-child(even)::before { display: none; } @media only screen and (min-width: 728px) { .c-article-list-flex--2columns .c-article-list-flex__article { width: 50%; } } @media only screen and (min-width: 1086px) { .c-article-list-flex--2columns .c-article-list-flex__article { width: 50%; } } @media only screen and (min-width: 728px) { .c-article-list-flex--2columns .c-article-list-flex__article--is-lastrow-2col { border-bottom: none; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-article-list-flex--3columns .c-article-list-flex__article:nth-last-child(-n + 2):nth-child(odd) { border-bottom: none; } } @media only screen and (min-width: 728px) { .c-article-list-flex--3columns .c-article-list-flex__article { width: 50%; } } @media only screen and (min-width: 1086px) { .c-article-list-flex--3columns .c-article-list-flex__article { width: 33.33%; } .c-article-list-flex--3columns .c-article-list-flex__article:nth-child(2n + 1)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-article-list-flex--3columns .c-article-list-flex__article--is-lastrow-2col { border-bottom: none; } } @media only screen and (min-width: 1086px) { .c-article-list-flex--3columns .c-article-list-flex__article--is-lastrow-3col { border-bottom: none; } } @media only screen and (min-width: 728px) { .c-article-list-flex__article--is-last-and-full-span .c-mediacard__heading, .c-article-list-flex__article--is-last-and-span .c-mediacard__heading { font-size: 1.875rem; line-height: 2rem; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-equal-columns { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-equal-columns { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-equal-columns { margin-bottom: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-three-story-vertical-left-medium__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-three-story-vertical-left-medium__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-three-story-vertical-left-medium__container .c-three-story-vertical-left-medium__hero-container { padding: 0; border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 728px) { .c-three-story-vertical-left-medium__container .c-three-story-vertical-left-medium__hero-container { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 0 16px 0 0; border: none; } } .c-three-story-vertical-left-medium__container .c-three-story-vertical-left-medium__hero-container .c-three-story-vertical-left-medium__hero { border: none; } .c-three-story-vertical-left-medium__container .c-three-story-vertical-left-medium__articles-container { position: relative; padding: 0; } @media only screen and (min-width: 728px) { .c-three-story-vertical-left-medium__container .c-three-story-vertical-left-medium__articles-container { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; max-width: 50%; padding: 0 0 0 16px; } .c-three-story-vertical-left-medium__container .c-three-story-vertical-left-medium__articles-container::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } .c-three-story-vertical-left-medium__container .c-three-story-vertical-left-medium__articles-container .c-three-story-vertical-left-medium__articles { border: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .c-six-story-vertical-left-medium__special-story:visited h3 { color: #737373; } html[data-theme='heavy-blue'] .c-six-story-vertical-left-medium__special-story:hover h3, html[data-theme='heavy-blue'] .c-six-story-vertical-left-medium__special-story:active h3 { color: #00548b; } html[data-theme='blue'] .c-six-story-vertical-left-medium__special-story:visited h3 { color: #737373; } html[data-theme='blue'] .c-six-story-vertical-left-medium__special-story:hover h3, html[data-theme='blue'] .c-six-story-vertical-left-medium__special-story:active h3 { color: #0e62a2; } html[data-theme='red'] .c-six-story-vertical-left-medium__special-story:visited h3 { color: #737373; } html[data-theme='red'] .c-six-story-vertical-left-medium__special-story:hover h3, html[data-theme='red'] .c-six-story-vertical-left-medium__special-story:active h3 { color: #c51e24; } .c-six-story-vertical-left-medium__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-six-story-vertical-left-medium__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-six-story-vertical-left-medium__articles-container { position: relative; padding: 0; } @media only screen and (min-width: 728px) { .c-six-story-vertical-left-medium__articles-container { -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; padding: 0 0 0 16px; } .c-six-story-vertical-left-medium__articles-container::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } .c-six-story-vertical-left-medium__articles-container .c-six-story-vertical-left-medium__articles { border: none; padding: 16px; } .c-six-story-vertical-left-medium__hero-container { padding: 0; border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 728px) { .c-six-story-vertical-left-medium__hero-container { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; padding: 0 16px 0 0; border: none; } } .c-six-story-vertical-left-medium__hero-container .c-six-story-vertical-left-medium__hero { border: none; } .c-six-story-vertical-left-medium__special-story { padding: 16px 0; border-bottom: 1px solid #d8d8d8; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .c-six-story-vertical-left-medium__special-story-heading { width: 100%; } .c-six-story-vertical-left-medium__special-story:visited h3 { color: #737373; } .c-six-story-vertical-left-medium__special-story:hover h3, .c-six-story-vertical-left-medium__special-story:active h3 { color: #333; } .c-six-story-vertical-left-medium__special-story-image { -webkit-box-flex: 0; -ms-flex: 0 1; flex: 0 1; min-width: 90px; width: 90px; margin-right: 16px; } .c-six-story-vertical-left-medium__special-story-content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .c-six-story-vertical-left-medium__special-story-content--abstract { color: #737373; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 8px; display: inline-block; max-width: 100%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .c-feature-mediacard-abstract-variant:visited h3 { color: #737373; } html[data-theme='heavy-blue'] .c-feature-mediacard-abstract-variant:hover h3, html[data-theme='heavy-blue'] .c-feature-mediacard-abstract-variant:active h3 { color: #00548b; } html[data-theme='blue'] .c-feature-mediacard-abstract-variant:visited h3 { color: #737373; } html[data-theme='blue'] .c-feature-mediacard-abstract-variant:hover h3, html[data-theme='blue'] .c-feature-mediacard-abstract-variant:active h3 { color: #0e62a2; } html[data-theme='red'] .c-feature-mediacard-abstract-variant:visited h3 { color: #737373; } html[data-theme='red'] .c-feature-mediacard-abstract-variant:hover h3, html[data-theme='red'] .c-feature-mediacard-abstract-variant:active h3 { color: #c51e24; } .c-feature-mediacard-abstract-variant { padding: 16px 0 16px; } .c-feature-mediacard-abstract-variant__details { position: relative; line-height: 1rem; font-size: 1rem; z-index: 1; } .c-feature-mediacard-abstract-variant__headlines { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-feature-mediacard-abstract-variant__abstract { color: #737373; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 8px; display: inline-block; max-width: 100%; } /* FeatureMediaCard layouts */ .c-feature-mediacard-abstract-variant--column { display: block; } .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__headlines { width: calc(75% - 16px); } } .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__details { margin-top: 8px; } .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__details::before { display: none; background-color: #fff; content: ''; height: 40px; position: absolute; top: 0; left: -1px; z-index: -1; } @media only screen and (min-width: 728px) { .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__details { margin-top: -40px; padding: 16px 16px 0; } .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__details::before { display: block; width: calc(75% + 1px); } } @media only screen and (min-width: 728px) { .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__details-no-image::before { display: none; width: auto; } .c-feature-mediacard-abstract-variant--column .c-feature-mediacard-abstract-variant__details-no-image .c-mediacard-labels { margin-top: 16px; } } .c-feature-mediacard-abstract-variant--row { display: block; } .c-feature-mediacard-abstract-variant--row .c-feature-mediacard-abstract-variant__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; margin-bottom: 16px; } .c-feature-mediacard-abstract-variant--row .c-feature-mediacard-abstract-variant__headlines-content { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-bottom: 0; } .c-feature-mediacard-abstract-variant--row .c-feature-mediacard-abstract-variant__image { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; -webkit-box-flex: 1; -ms-flex: 1 0 60%; flex: 1 0 60%; padding-right: 16px; margin-bottom: 0; } .c-feature-mediacard-abstract-variant--row .c-feature-mediacard-abstract-variant__details { margin-top: 8px; } @media only screen and (min-width: 728px) { .c-feature-mediacard-abstract-variant--row .c-feature-mediacard-abstract-variant__details { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } .c-feature-mediacard-abstract-variant:visited h3 { color: #737373; } .c-feature-mediacard-abstract-variant:hover h3, .c-feature-mediacard-abstract-variant:active h3 { color: #333; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-two-story-vertical-left-small__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media only screen and (min-width: 728px) { .c-two-story-vertical-left-small__container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-two-story-vertical-left-small__container .c-two-story-vertical-left-small__article { border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 728px) { .c-two-story-vertical-left-small__container .c-two-story-vertical-left-small__article { padding: 16px; -webkit-box-flex: 1; -ms-flex: 1 0 40%; flex: 1 0 40%; padding-left: 0px; border: none; } .c-two-story-vertical-left-small__container .c-two-story-vertical-left-small__article .c-mediacard-img { max-width: calc(273px - 16px); } .c-two-story-vertical-left-small__container .c-two-story-vertical-left-small__article:last-child { -webkit-box-flex: 1; -ms-flex: 1 0 60%; flex: 1 0 60%; } } @media only screen and (min-width: 728px) and (min-width: 728px) { .c-two-story-vertical-left-small__container .c-two-story-vertical-left-small__article:last-child::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } @media only screen and (min-width: 728px) { .c-two-story-vertical-left-small__container .c-two-story-vertical-left-small__feature { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; max-width: 60%; } } @media only screen and (min-width: 728px) { .c-two-story-vertical-left-small__container .c-feature-mediacard-abstract-variant { position: relative; padding: 16px; -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; max-width: 60%; padding-right: 0px; border: none; } .c-two-story-vertical-left-small__container .c-feature-mediacard-abstract-variant__headlines-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .c-two-story-vertical-left-small__container .c-feature-mediacard-abstract-variant__heading { margin-bottom: 0; } .c-two-story-vertical-left-small__container .c-feature-mediacard-abstract-variant__abstract { vertical-align: top; } .c-two-story-vertical-left-small__container .c-feature-mediacard-abstract-variant .c-mediacard-img { -webkit-box-flex: 1; -ms-flex: 1 1 40%; flex: 1 1 40%; max-width: 273px; } } @media only screen and (min-width: 728px) and (min-width: 728px) { .c-two-story-vertical-left-small__container .c-feature-mediacard-abstract-variant::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .c-four-story-vertical-left-hero-small-and-related__related a:visited { color: #737373; } html[data-theme='heavy-blue'] .c-four-story-vertical-left-hero-small-and-related__related a:hover, html[data-theme='heavy-blue'] .c-four-story-vertical-left-hero-small-and-related__related a:active { color: #00548b; } html[data-theme='blue'] .c-four-story-vertical-left-hero-small-and-related__related a:visited { color: #737373; } html[data-theme='blue'] .c-four-story-vertical-left-hero-small-and-related__related a:hover, html[data-theme='blue'] .c-four-story-vertical-left-hero-small-and-related__related a:active { color: #0e62a2; } html[data-theme='red'] .c-four-story-vertical-left-hero-small-and-related__related a:visited { color: #737373; } html[data-theme='red'] .c-four-story-vertical-left-hero-small-and-related__related a:hover, html[data-theme='red'] .c-four-story-vertical-left-hero-small-and-related__related a:active { color: #c51e24; } @media only screen and (min-width: 728px) { .c-four-story-vertical-left-hero-small-and-related { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 728px) { .c-four-story-vertical-left-hero-small-and-related__more-stories { -webkit-box-flex: 1; -ms-flex: 1 1 60%; flex: 1 1 60%; max-width: 60%; } } .c-four-story-vertical-left-hero-small-and-related__first_story { border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 728px) { .c-four-story-vertical-left-hero-small-and-related__first_story { border-bottom: none; margin-right: 16px; padding-right: 16px; -webkit-box-flex: 1; -ms-flex: 1 0 40%; flex: 1 0 40%; } .c-four-story-vertical-left-hero-small-and-related__first_story::after { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; right: 0; margin: 16px 0; } } .c-four-story-vertical-left-hero-small-and-related__related { list-style: none; margin: 0; padding-bottom: 16px; } .c-four-story-vertical-left-hero-small-and-related__related::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } .c-four-story-vertical-left-hero-small-and-related__related > li { margin-bottom: 16px; position: relative; padding-left: 12px; } .c-four-story-vertical-left-hero-small-and-related__related > li:last-child { margin-bottom: 0; } .c-four-story-vertical-left-hero-small-and-related__related > li::before { content: ''; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #333; position: absolute; top: 10px; left: 0; } .c-four-story-vertical-left-hero-small-and-related__related > li > a { color: #333; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.125rem; line-height: 1; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ html[data-theme='heavy-blue'] .c-four-story-horizontal-right-hero-large-and-related__list a:visited { color: #737373; } html[data-theme='heavy-blue'] .c-four-story-horizontal-right-hero-large-and-related__list a:hover, html[data-theme='heavy-blue'] .c-four-story-horizontal-right-hero-large-and-related__list a:active { color: #00548b; } html[data-theme='blue'] .c-four-story-horizontal-right-hero-large-and-related__list a:visited { color: #737373; } html[data-theme='blue'] .c-four-story-horizontal-right-hero-large-and-related__list a:hover, html[data-theme='blue'] .c-four-story-horizontal-right-hero-large-and-related__list a:active { color: #0e62a2; } html[data-theme='red'] .c-four-story-horizontal-right-hero-large-and-related__list a:visited { color: #737373; } html[data-theme='red'] .c-four-story-horizontal-right-hero-large-and-related__list a:hover, html[data-theme='red'] .c-four-story-horizontal-right-hero-large-and-related__list a:active { color: #c51e24; } .c-four-story-horizontal-right-hero-large-and-related__feature.c-feature-mediacard--row-reverse .c-feature-mediacard__image { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; } .c-four-story-horizontal-right-hero-large-and-related__list { list-style: none; margin: 0; padding-bottom: 16px; } .c-four-story-horizontal-right-hero-large-and-related__list > li { margin-bottom: 16px; position: relative; padding-left: 12px; } .c-four-story-horizontal-right-hero-large-and-related__list > li:last-child { margin-bottom: 0; } .c-four-story-horizontal-right-hero-large-and-related__list > li::before { content: ''; width: 0; height: 0; border-top: 3px solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #333; position: absolute; top: 10px; left: 0; } .c-four-story-horizontal-right-hero-large-and-related__list > li > a { color: #333; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.125rem; line-height: 1; } @media only screen and (min-width: 728px) { .c-four-story-horizontal-right-hero-large-and-related__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .c-four-story-horizontal-right-hero-large-and-related__list > li { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-right: 16px; margin-bottom: 0; } .c-four-story-horizontal-right-hero-large-and-related__list > li:last-child { margin-right: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-four-story-horizontal-right-hero-large__featured { border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 728px) { .c-four-story-horizontal-right-hero-large__featured .c-feature-mediacard__image { -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; } } .c-four-story-horizontal-right-hero-large__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 100%; } @media only screen and (min-width: 728px) { .c-four-story-horizontal-right-hero-large__list { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-four-story-horizontal-right-hero-large__list__article { border-bottom: 1px solid #d8d8d8; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; } @media only screen and (min-width: 728px) { .c-four-story-horizontal-right-hero-large__list__article { border-bottom: none; } .c-four-story-horizontal-right-hero-large__list__article:nth-child(n + 2) { padding-left: 16px; margin-left: 16px; } .c-four-story-horizontal-right-hero-large__list__article:nth-child(n + 2)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } .c-four-story-horizontal-right-hero-large__list__article:last-child .c-mediacard__heading { font-weight: 600; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-three-story-veritcal-left-hero-medium-plus-small__first_story { border-bottom: 1px solid #d8d8d8; } .c-three-story-veritcal-left-hero-medium-plus-small__second_story { border-bottom: 1px solid #d8d8d8; position: relative; } @media only screen and (min-width: 728px) { .c-three-story-veritcal-left-hero-medium-plus-small__second_story { border-bottom: none; padding-right: 16px; margin-right: 16px; } .c-three-story-veritcal-left-hero-medium-plus-small__second_story::after { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; right: 0; margin: 16px 0; } } .c-three-story-veritcal-left-hero-medium-plus-small__more_stories { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-three-story-veritcal-left-hero-medium-plus-small__more_stories { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .five-story-buffer-with-abstract__container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .five-story-buffer-with-abstract__container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .five-story-buffer-with-abstract__articles-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .five-story-buffer-with-abstract__articles-container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 16px 0 0; -webkit-box-flex: 1; -ms-flex: 1 1 66%; flex: 1 1 66%; } } .five-story-buffer-with-abstract__article { border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 728px) { .five-story-buffer-with-abstract__article { -webkit-box-flex: 1; -ms-flex: 1 0 50%; flex: 1 0 50%; max-width: 50%; padding: 16px; } .five-story-buffer-with-abstract__article:nth-child(-n + 2) { border-bottom: 1px solid #d8d8d8; } .five-story-buffer-with-abstract__article:nth-child(2n)::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } .five-story-buffer-with-abstract__article:nth-child(odd) { padding-left: 0; } .five-story-buffer-with-abstract__article:nth-child(even) { padding-right: 0; } .five-story-buffer-with-abstract__article:nth-child(-n + 2) { border-bottom: 1px solid #d8d8d8; } .five-story-buffer-with-abstract__article:nth-child(n + 3) { border: none; } .five-story-buffer-with-abstract__article .c-native-ad-mediacard--row-reverse { padding-top: 0; padding-bottom: 0; } } .five-story-buffer-with-abstract__hero-container { position: relative; } @media only screen and (min-width: 728px) { .five-story-buffer-with-abstract__hero-container { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; max-width: 33%; padding: 0 0 0 16px; } .five-story-buffer-with-abstract__hero-container::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } .five-story-buffer-with-abstract__hero .c-mediacard__heading { font-weight: bold; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-four-story-veritcal-right-hero-medium { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-four-story-veritcal-right-hero-medium { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .c-four-story-veritcal-right-hero-medium__first_story { border-bottom: 1px solid #d8d8d8; } @media only screen and (min-width: 728px) { .c-four-story-veritcal-right-hero-medium__first_story { border-bottom: none; -webkit-box-flex: 0; -ms-flex: 0 0 66%; flex: 0 0 66%; margin-left: 16px; padding-left: 16px; } .c-four-story-veritcal-right-hero-medium__first_story::before { background-color: #d8d8d8; content: ''; display: block; position: absolute; width: 1px; height: calc(100% - (16px * 2)); top: 0; left: 0; margin: 16px 0; } } @media only screen and (min-width: 728px) { .c-four-story-veritcal-right-hero-medium__more_stories { -webkit-box-flex: 1; -ms-flex: 1 1 33%; flex: 1 1 33%; } } .c-four-story-veritcal-right-hero-medium__story { border-bottom: 1px solid #d8d8d8; } .c-four-story-veritcal-right-hero-medium__story:last-child { border-bottom: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .homepage-topstories-columnTwo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1086px) { .homepage-topstories-rail { margin-bottom: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-articles-rail { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .c-articles-rail__article .c-mediacard__heading { font-size: 1.125rem; line-height: 1.25rem; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-homepage-topstories { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; } .c-homepage-topstories__feature { border-bottom: 1px solid #d8d8d8; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-recommended-for-you { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-recommended-for-you { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-recommended-for-you { margin-bottom: 16px; } } .c-recommended-for-you__cta { background-color: #0072bc; border-radius: 5px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #fff; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; font-size: 0.875rem; line-height: 1.25rem; margin-bottom: 16px; padding: 16px; font-weight: 800; width: 100%; } @media only screen and (min-width: 728px) { .c-recommended-for-you__cta { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 26px; font-size: 1rem; line-height: 1.5rem; } } .c-recommended-for-you__label { display: block; } .c-recommended-for-you__link { display: block; border-radius: 5px; color: #0072bc; background-color: #fff; margin: 11px 0 0; padding: 3px 12px; font-size: 0.6875rem; } @media only screen and (min-width: 728px) { .c-recommended-for-you__link { padding: 8px 16px; margin: 0 16px; font-size: 0.875rem; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-latest-news { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-latest-news { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-latest-news { margin-bottom: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-two-column-article-list { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-two-column-article-list { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-two-column-article-list { margin-bottom: 16px; } } .c-two-column-article-list__articles { margin-bottom: 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .fixed-articlelist-container-columnTwo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1086px) { .fixed-articlelist-container__right-rail { margin-bottom: 16px; } } .fixed-articlelist-container__bottom-section { margin-top: 16px; } .fixed-articlelist-container-columnOne__vertical-articlelist { -ms-flex-preferred-size: auto; flex-basis: auto; margin-right: 0px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-fixed-articlelist-container { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; } @media only screen and (min-width: 728px) { .c-fixed-articlelist-container { padding: 16px 16px 0 16px; } } .c-fixed-articlelist-container__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 1086px) { .c-fixed-articlelist-container__content { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } @media only screen and (min-width: 1086px) { .c-fixed-articlelist-container__content-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } } .c-fixed-articlelist-container__content-columnOne { -ms-flex-preferred-size: 66%; flex-basis: 66%; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .c-fixed-articlelist-container__content-columnTwo { -ms-flex-preferred-size: 26%; flex-basis: 26%; border-top: 1px solid #d8d8d8; padding: 0px; } .c-fixed-articlelist-container__content-columnTwo.c-fixed-articlelist-container__content-columnTwo-row-reverse { padding-right: 16px; padding-left: 0px; } @media only screen and (min-width: 1086px) { .c-fixed-articlelist-container__content-columnTwo { padding: 16px 0px 16px 16px; border-top: none; } .c-fixed-articlelist-container__content-columnTwo .c-fixed-articlelist-container__divider { border-left: 1px solid #d8d8d8; padding-left: 16px; height: 100%; } .c-fixed-articlelist-container__content-columnTwo .c-fixed-articlelist-container__divider-reverse { border-right: 1px solid #d8d8d8; padding-right: 16px; height: 100%; } } .c-fixed-articlelist-container__content-item { border-bottom: solid 1px rgba(0, 0, 0, 0.15); } .c-fixed-articlelist-container__content-item:last-child { border-bottom: none; } @media only screen and (min-width: 1086px) { .c-fixed-articlelist-container__vertical-list__article:first-child { padding-top: 0px; } } .c-fixed-articlelist-container__vertical-list__article:nth-child(3n) .c-mediacard__heading { font-weight: 600; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-engagement-panel__card { list-style: none; border-bottom: 1px solid #d9d9d9; position: relative; } .c-engagement-panel__card:last-of-type { border-bottom: none; } .c-engagement-panel__card:last-of-type .c-engagement-panel__card-link { padding-bottom: 0; } .c-engagement-panel__card-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px 0; } .c-engagement-panel__card-link:not([href]) { cursor: default; } .c-engagement-panel__card-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding-right: 13px; width: 100%; } .c-engagement-panel__card-icon { margin-right: 10px; max-width: 45px; } .c-engagement-panel__card-title, .c-engagement-panel__card-description { font-family: 'Merriweather Sans', Helvetica, Roboto, Arial, sans-serif; color: #333; font-size: 12px; line-height: 16px; } .c-engagement-panel__card--always-on .c-engagement-panel__card-title { color: #b40404; } .c-engagement-panel__card-title { font-weight: 800; text-transform: uppercase; letter-spacing: 0.6px; font-size: 11px; margin-bottom: 2px; line-height: 1.45em; } .c-engagement-panel__card-description { margin: 0; } .c-button.c-button--icon-only.c-engagement-panel__card-close-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; top: 7px; right: -6px; padding: 3px; cursor: default; height: auto; width: auto; } .c-button.c-button--icon-only.c-engagement-panel__card-close-btn .c-material-icon { color: #333; font-size: 13px; } .c-engagement-panel--horizontal .c-engagement-panel__card { border-bottom: none; border-right: 1px solid #979797; } .c-engagement-panel--horizontal .c-engagement-panel__card:first-of-type .c-engagement-panel__card-link { padding-left: 0; } .c-engagement-panel--horizontal .c-engagement-panel__card:last-of-type { border-right: none; } .c-engagement-panel--horizontal .c-engagement-panel__card:last-of-type .c-engagement-panel__card-link { padding-right: 0; } .c-engagement-panel--horizontal .c-engagement-panel__card:last-of-type .c-engagement-panel__card-content { padding-right: 10px; } .c-engagement-panel--horizontal .c-engagement-panel__card:last-of-type .c-button.c-button--icon-only.c-engagement-panel__card-close-btn { right: 0; } .c-engagement-panel--horizontal .c-engagement-panel__card-content { padding-right: 20px; } .c-engagement-panel--horizontal .c-engagement-panel__card-link { padding: 0 15px; } .c-engagement-panel--horizontal .c-button.c-button--icon-only.c-engagement-panel__card-close-btn { top: -3px; right: 9px; } .c-engagement-panel--horizontal .c-button.c-button--icon-only.c-engagement-panel__card-close-btn .c-material-icon { font-size: 15px; } @media only screen and (min-width: 728px) { .c-engagement-panel--horizontal .c-engagement-panel__card:first-of-type .c-engagement-panel__card-icon { left: 0; } .c-engagement-panel--horizontal .c-engagement-panel__card-icon { margin-right: 0; position: absolute; top: 0; left: 15px; max-width: 35px; } .c-engagement-panel--horizontal .c-engagement-panel__card-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-left: 45px; max-width: 125px; min-height: 38px; } } @media only screen and (min-width: 1086px) { .c-engagement-panel--horizontal .c-engagement-panel__card-icon { position: static; max-width: 50px; margin-right: 10px; } .c-engagement-panel--horizontal .c-engagement-panel__card-title { display: inline; margin-left: 0; max-width: none; min-height: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-engagement-panel { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; padding-bottom: 16px; margin-bottom: 8px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } @media only screen and (min-width: 728px) { .c-engagement-panel { -webkit-box-ordinal-group: 1; -ms-flex-order: 0; order: 0; } } @media only screen and (min-width: 1086px) { .c-engagement-panel { margin-bottom: 16px; padding-bottom: 16px; margin-top: 0; } } .c-engagement-panel .c-engagement-panel__card-list { margin: 0; } .c-engagement-panel .c-engagement-panel__card-placeholder { display: none; } .c-engagement-panel--horizontal { border: none; } @media only screen and (min-width: 728px) { .c-engagement-panel--horizontal { margin: 0 0 16px 0; } } @media only screen and (min-width: 1086px) { .c-engagement-panel--horizontal { margin-bottom: 16px; } } .c-engagement-panel--horizontal .c-engagement-panel__card-list { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-engagement-panel--horizontal .c-engagement-panel__card-placeholder { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; background-color: #f8f8f8; color: #333; margin-left: 16px; list-style: none; font-size: 12px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-quicklinks { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-quicklinks { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-quicklinks { margin-bottom: 16px; } } .c-quicklinks-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-top: 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-quicklinks-links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .c-quicklinks-links__item { margin-bottom: 16px; margin-right: 24px; } @media only screen and (min-width: 1086px) { .c-quicklinks-links__item { -ms-flex-preferred-size: 22%; flex-basis: 22%; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-quicklinks-links__item { -ms-flex-preferred-size: 29%; flex-basis: 29%; } } .c-quicklinks-links__item a { color: #333; height: 28px; font-size: 1rem; font-weight: normal; line-height: 2; letter-spacing: normal; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .interstitial__wrap { height: 100%; left: 0; position: fixed; text-align: center; top: 0; width: 100%; z-index: 1450; } .interstitial__wrap.interstitial__hidden { display: none; } .interstitial__wrap .interstitial__impression { position: absolute; } .interstitial__wrap .interstitial__background { background: rgba(0, 0, 0, 0.8); height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .interstitial__wrap .interstitial__container { display: inline-block; max-height: 100%; max-width: 100%; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .interstitial__wrap .interstitial__container .interstitial__close { background: #0062a1; color: #fff; display: block; height: 45px; line-height: 45px; position: absolute; right: 0; text-align: center; top: 0; width: 45px; } .interstitial__wrap .interstitial__container .interstitial__image { max-width: 100%; max-height: 100%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .o-legal-footer { width: 100%; height: 100%; position: relative; display: block; background-color: #666; z-index: 1475; margin: 0; } .o-legal-footer--with-meter { margin: 0 0 52px 0; padding-bottom: 28px; } .c-legal-footer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1176px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 20px 60px 0 60px; } .c-legal-footer__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .c-legal-footer--terms { padding: 10px 60px 20px 60px; } .c-legal-footer__copyright { font-size: 12px; min-height: 18px; color: #fff; padding: 0; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media only screen and (max-width: 769px) { .o-legal-footer--with-meter { margin: 0 0 60px 0; padding-bottom: 0; } .c-legal-footer { width: 100%; padding: 20px 0 0 0; text-align: center; } .c-legal-footer--terms { padding: 10px 40px 40px 40px; } .c-legal-footer__copyright { width: auto; font-size: 10px; padding: 5px 0; grid-column-start: 1; grid-column-end: 3; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-button.c-button--meter { min-width: 140px; max-width: 240px; width: auto; height: 44px; border: none; } .c-button.c-button--meter:active, .c-button.c-button--meter:hover, .c-button.c-button--meter:focus { border: none; } .c-button__text.c-button__text--meter { font-size: 16px; font-weight: bold; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; } .o-meter--expanded .c-button.c-button--meter--collapsed.c-button--meter--desktop { display: none; } .o-meter--expanded .c-button.c-button--meter--collapsed.c-button--meter--mobile { display: none; } .o-meter--expanded .c-button.c-button--meter--expanded { margin: 10px 0 0 0; } .o-meter--expanded .c-button.c-button--meter--expanded.c-button--meter--desktop { display: block; } .o-meter--expanded .c-button.c-button--meter--expanded.c-button--meter--mobile { display: none; } .o-meter--collapsed .c-button.c-button--meter--collapsed.c-button--meter--desktop { display: block; } .o-meter--collapsed .c-button.c-button--meter--collapsed.c-button--meter--mobile { display: none; } .o-meter--collapsed .c-button.c-button--meter--expanded.c-button--meter--desktop { display: none; } .o-meter--collapsed .c-button.c-button--meter--expanded.c-button--meter--mobile { display: none; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-button__text.c-button__text--meter { font-size: 16px; } } @media only screen and (max-width: 727px) { .o-meter--expanded .c-button.c-button--meter--collapsed.c-button--meter--desktop { display: none; } .o-meter--expanded .c-button.c-button--meter--collapsed.c-button--meter--mobile { display: none; } .o-meter--expanded .c-button.c-button--meter--expanded.c-button--meter--desktop { display: none; } .o-meter--expanded .c-button.c-button--meter--expanded.c-button--meter--mobile { display: block; } .o-meter--collapsed .c-button.c-button--meter--collapsed.c-button--meter--desktop { display: none; } .o-meter--collapsed .c-button.c-button--meter--collapsed.c-button--meter--mobile { display: block; } .o-meter--collapsed .c-button.c-button--meter--expanded.c-button--meter--desktop { display: none; } .o-meter--collapsed .c-button.c-button--meter--expanded.c-button--meter--mobile { display: none; } .c-button.c-button--meter { min-width: 120px; max-width: 140px; height: 34px; } .c-button__text.c-button__text--meter { font-size: 14px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } @-webkit-keyframes revealMeterBanner { from { opacity: 0; } to { opacity: 1; } } @keyframes revealMeterBanner { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes collapseMeterBanner { from { height: 200px; } to { height: 82px; } } @keyframes collapseMeterBanner { from { height: 200px; } to { height: 82px; } } .o-meter { position: fixed; left: 0; right: 0; bottom: 0; border-top: 10px solid #2f2f2f; background-image: -webkit-gradient(linear, left top, left bottom, from(#c4d3e0), to(#e1e9f0)); background-image: -o-linear-gradient(#c4d3e0, #e1e9f0); background-image: linear-gradient(#c4d3e0, #e1e9f0); z-index: 1300; -webkit-transform: translateZ(0); transform: translateZ(0); height: 200px; } .o-meter--thestar .c-meter-pack-shot { padding: 0; width: 400px; } .o-meter--thespec .o-meter-text-container--collapsed, .o-meter--therecord .o-meter-text-container--collapsed { padding: 0 0 0 160px; } .o-meter--thespec .c-meter-pack-shot { padding: 0; width: 400px; } .o-meter--thespec .c-meter-banner-ribbon { width: 115px; top: -35px; } .o-meter--therecord .c-meter-banner-ribbon { width: 100px; top: -30px; } .o-meter-text-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; } .o-meter-text-container--collapsed { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; padding: 0 0 0 100px; } .o-meter-container { padding: 0; } .o-meter-container--thestar .o-meter-images { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .o-meter-container--thespec, .o-meter-container--therecord { margin-left: 140px; } .o-meter-container .c-meter-image { margin-right: 16px; } .o-meter-container--thespec .c-meter-image { height: 52px; } .o-meter-container--thespec .c-meter-image--digital-access { height: 25px; } .o-meter-images { max-height: 54px; padding: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .o-meter-texts { display: block; padding: 0; width: 100%; line-height: 26px; } .c-meter { width: 1176px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; height: 100%; padding: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; position: relative; } .c-meter-banner__text { font-size: 16px; letter-spacing: 0; } .c-meter-banner__text--mobile { display: none; } .c-meter-image { width: auto; height: 46px; display: inline-block; } .c-meter-image--digital-access { height: 25px; margin: 0 0 0 10px; } .c-meter-banner-ribbon { position: absolute; left: 0; top: -20px; width: 48px; } .c-meter-pack-shot { padding: 0 10px; width: 300px; } .o-meter--collapsed { height: auto; min-height: 82px; -webkit-animation: collapseMeterBanner 0.6s ease-out; animation: collapseMeterBanner 0.6s ease-out; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .o-meter--collapsed .o-meter-texts--expanded { display: none; } .o-meter--collapsed .c-meter-pack-shot { display: none; } .o-meter--collapsed .c-meter-image { height: 28px; } .o-meter--collapsed .c-meter-image--digital-access { height: 16px; } .o-meter--collapsed .c-meter-image--thespec { height: 40px; margin: auto 12px auto 0; } .o-meter--collapsed.o-meter--thespec .c-meter-banner-ribbon { width: 95px; top: -45px; } .o-meter--collapsed.o-meter--therecord .c-meter-banner-ribbon { width: 70px; top: -40px; } .o-meter--collapsed.o-meter--thespec .o-meter-container, .o-meter--collapsed.o-meter--therecord .o-meter-container { margin-left: 0; padding: 10px 0; } .o-meter--collapsed.o-meter--thespec .c-meter-image, .o-meter--collapsed.o-meter--therecord .c-meter-image { height: 46px; } .o-meter--collapsed.o-meter--thespec .c-meter-image--digital-access, .o-meter--collapsed.o-meter--therecord .c-meter-image--digital-access { height: 24px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-meter--collapsed .c-meter-image { height: 28px; } .o-meter--collapsed .c-meter-image--digital-access { height: 16px; } .o-meter--collapsed .c-meter-image--thespec { height: 40px; margin: auto 12px auto 0; } .o-meter--collapsed.o-meter--thespec .c-meter-banner-ribbon, .o-meter--collapsed.o-meter--therecord .c-meter-banner-ribbon { width: 64px; top: -34px; } .o-meter--collapsed.o-meter--thespec .c-meter-image, .o-meter--collapsed.o-meter--therecord .c-meter-image { height: 26px; } .o-meter--collapsed.o-meter--thespec .c-meter-image--digital-access, .o-meter--collapsed.o-meter--therecord .c-meter-image--digital-access { height: 14px; } .o-meter--thespec .c-meter-banner-ribbon, .o-meter--therecord .c-meter-banner-ribbon { width: 64px; top: -34px; } .o-meter--thespec .o-meter-container, .o-meter--therecord .o-meter-container { margin-left: 34px; } .o-meter--thespec .c-meter-image, .o-meter--therecord .c-meter-image { height: 30px; } .o-meter--thespec .c-meter-image--digital-access, .o-meter--therecord .c-meter-image--digital-access { height: 16px; } .o-meter--thespec .o-meter-text-container--expanded, .o-meter--therecord .o-meter-text-container--expanded { padding: 0 0 0 20px; } .o-meter--thespec .o-meter-text-container--collapsed, .o-meter--therecord .o-meter-text-container--collapsed { padding: 0 0 0 50px; } .o-meter-text-container--expanded { padding: 0 0 0 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .o-meter-text-container--collapsed { padding: 0 0 0 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .c-meter-image { height: 32px; } .c-meter-image--digital-access { height: 18px; } .c-meter-image--thespec { height: 120px; margin: auto 16px auto 0; } .c-meter-banner-ribbon { left: 20px; } .c-meter-pack-shot { width: 300px; } .c-meter { width: 100%; padding: 0 20px 0 70px; } .c-meter-banner__text { font-size: 16px; } } @media only screen and (max-width: 727px) { .o-meter { height: 130px; } .o-meter--collapsed { height: auto; min-height: 60px; } .o-meter--collapsed .c-meter-image { height: 20px; } .o-meter--collapsed .c-meter-image--digital-access { height: 10px; } .o-meter--collapsed .c-meter-banner-ribbon { display: none; } .o-meter--collapsed .c-meter { padding: 0 20px; width: 100%; } .o-meter--collapsed.o-meter--thespec .c-meter-image, .o-meter--collapsed.o-meter--therecord .c-meter-image { height: 21px; } .o-meter--collapsed.o-meter--thespec .c-meter-image--digital-access, .o-meter--collapsed.o-meter--therecord .c-meter-image--digital-access { height: 11px; } .o-meter--thespec .c-meter-banner-ribbon, .o-meter--therecord .c-meter-banner-ribbon { width: 39px; top: -20px; } .o-meter--thespec .o-meter-container, .o-meter--therecord .o-meter-container { margin-left: 0; } .o-meter--thespec .c-meter-image, .o-meter--therecord .c-meter-image { height: 24px; } .o-meter--thespec .c-meter-image--digital-access, .o-meter--therecord .c-meter-image--digital-access { height: 14px; } .o-meter--thespec .o-meter-text-container--expanded, .o-meter--therecord .o-meter-text-container--expanded { padding: 0 0 0 20px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .o-meter--thespec .o-meter-text-container--collapsed, .o-meter--therecord .o-meter-text-container--collapsed { padding: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: start; } .c-meter-image { height: 30px; } .c-meter-image--digital-access { height: 18px; } .c-meter-banner-ribbon { left: 4px; width: 36px; } .c-meter { width: auto; padding: 0 0 0 40px; } .c-meter-pack-shot { display: none; } .o-meter-texts { font-size: 12px; } .o-meter-text-container--collapsed { padding: 0; } .c-meter-banner__text { font-size: 12px; line-height: 16px; } .c-meter-banner__text--desktop { display: none; } .c-meter-banner__text--mobile { display: block; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } @-webkit-keyframes revealInlayBanner { from { opacity: 0; } to { opacity: 1; } } @keyframes revealInlayBanner { from { opacity: 0; } to { opacity: 1; } } @-webkit-keyframes collapseInlayBanner { from { height: 253px; } to { height: 110px; } } @keyframes collapseInlayBanner { from { height: 253px; } to { height: 110px; } } .o-inlay { position: fixed; left: 0; right: 0; bottom: 0; z-index: 1300; -webkit-transform: translateZ(0); transform: translateZ(0); } .o-inlay::before { content: ''; position: absolute; width: 100%; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(248, 248, 248, 0)), to(#f8f8f8)); background-image: -o-linear-gradient(top, rgba(248, 248, 248, 0), #f8f8f8); background-image: linear-gradient(to bottom, rgba(248, 248, 248, 0), #f8f8f8); } .c-inlay { -webkit-animation: revealInlayBanner 0.7s ease-out; animation: revealInlayBanner 0.7s ease-out; width: 100%; height: auto; margin: 0 auto; padding: 16px 8px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: max-height 1s ease-out; -o-transition: max-height 1s ease-out; transition: max-height 1s ease-out; max-height: 500px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; justify-items: center; } .c-inlay--thestar { background-color: #00548f; } .c-inlay--thespec { background-color: #a8d9ff; } .c-inlay--therecord { background-color: #ffffff; } .c-inlay .c-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 8px 0; } .c-inlay .c-header__sign-in-link { color: white; font-weight: normal; font-stretch: normal; font-style: normal; padding-left: 8px; } .c-inlay .c-header__sign-in-link--therecord { color: black; } .c-inlay .c-header__sign-in-link--thespec { color: black; } .c-inlay .c-header__close-button { position: relative; top: -16px; width: 19px; height: 19px; background-color: white; border-radius: 50%; } .c-inlay .c-header__close-button::before, .c-inlay .c-header__close-button::after { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; content: ''; background-color: green; } .c-inlay .c-header__close-button::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-inlay .c-header__close-button::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-inlay .c-header__close-button:hover { cursor: pointer; } .c-inlay .c-header__close-button--thestar { position: relative; top: -16px; width: 19px; height: 19px; background-color: white; border-radius: 50%; } .c-inlay .c-header__close-button--thestar::before, .c-inlay .c-header__close-button--thestar::after { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; content: ''; background-color: #00548f; } .c-inlay .c-header__close-button--thestar::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-inlay .c-header__close-button--thestar::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-inlay .c-header__close-button--thestar:hover { cursor: pointer; } .c-inlay .c-header__close-button--thespec { position: relative; top: -16px; width: 19px; height: 19px; background-color: black; border-radius: 50%; } .c-inlay .c-header__close-button--thespec::before, .c-inlay .c-header__close-button--thespec::after { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; content: ''; background-color: #a8d9ff; } .c-inlay .c-header__close-button--thespec::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-inlay .c-header__close-button--thespec::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-inlay .c-header__close-button--thespec:hover { cursor: pointer; } .c-inlay .c-header__close-button--therecord { position: relative; top: -16px; width: 19px; height: 19px; background-color: black; border-radius: 50%; } .c-inlay .c-header__close-button--therecord::before, .c-inlay .c-header__close-button--therecord::after { position: absolute; top: 8px; left: 3px; width: 13px; height: 3px; content: ''; background-color: #ffffff; } .c-inlay .c-header__close-button--therecord::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .c-inlay .c-header__close-button--therecord::after { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .c-inlay .c-header__close-button--therecord:hover { cursor: pointer; } .c-inlay .c-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-stretch: normal; font-style: normal; letter-spacing: normal; text-align: center; color: #ffffff; padding: 0 8px; } .c-inlay .c-content__p1 { font-weight: bold; padding: 8px 0; } .c-inlay .c-content__p1--therecord { color: black; } .c-inlay .c-content__p1--thespec { color: black; } .c-inlay .c-content__p2 { font-weight: normal; padding: 8px 0; overflow: hidden; white-space: nowrap; } .c-inlay .c-content__p2--therecord { color: black; } .c-inlay .c-content__p2--thespec { color: black; } .c-inlay .c-content__subscribe-button { background-color: white; border-radius: 5px; padding: 0; margin: 8px 0; font-weight: bold; font-stretch: normal; font-style: normal; } .c-inlay .c-content__subscribe-button--therecord { color: white; background-color: #c72a2f; } .c-inlay .c-content__subscribe-button--thestar { color: #00548f; } .c-inlay .c-content__subscribe-button--thespec { color: white; background-color: #0e62a2; } @media only screen and (min-width: 320px) and (max-width: 374px) { .o-inlay::before { margin-top: -102px; height: 102px; } .c-inlay .c-header__sign-in-link { font-size: 14px; line-height: 1.33; } .c-inlay .c-content .c-content__p1 { font-size: 18px; line-height: 22px; } .c-inlay .c-content .c-content__p2 { font-size: 12px; line-height: 18px; } .c-inlay .c-content__subscribe-button { width: 180px; height: 36px; font-size: 14px; line-height: 1.14; letter-spacing: normal; } .c-inlay--collapsed { padding: 16px; } .c-inlay--collapsed .c-content { padding: 0 16px; } .c-inlay--collapsed .c-content .c-content__p1 { font-size: 18px; line-height: 24px; } } @media only screen and (min-width: 375px) and (max-width: 479px) { .o-inlay::before { margin-top: -102px; height: 102px; } .c-inlay .c-header__sign-in-link { font-size: 16px; line-height: 1.33; } .c-inlay .c-content .c-content__p1 { font-size: 20px; line-height: 24px; } .c-inlay .c-content .c-content__p2 { font-size: 14px; line-height: 18px; } .c-inlay .c-content__subscribe-button { width: 180px; height: 36px; font-size: 14px; line-height: 1.14; letter-spacing: normal; } .c-inlay--collapsed .c-content .c-content__p1 { font-size: 20px; line-height: 24px; } } @media only screen and (min-width: 481px) and (max-width: 1024px) { .o-inlay::before { margin-top: -120px; height: 120px; } .c-inlay { padding: 16px; } .c-inlay .c-header__close-button { right: -8px; } .c-inlay--collapsed { padding: 24px; } .c-inlay--collapsed .c-header__close-button { right: -8px; } .c-inlay .c-header__sign-in-link { font-size: 18px; line-height: 0.89; } .c-inlay .c-content .c-content__p1 { font-size: 23px; line-height: 30px; } .c-inlay .c-content .c-content__p2 { font-size: 18px; line-height: 24px; } .c-inlay .c-content__subscribe-button { width: 345px; height: 48px; font-size: 16px; line-height: 1.5; letter-spacing: 0.18px; } } .o-inlay--closed { display: none; } .o-inlay--collapsed { padding: 0; } .c-inlay--collapsed { -webkit-box-shadow: none; box-shadow: none; max-height: 200px; } .c-inlay--collapsed .c-content { width: 100%; -webkit-box-align: start; -ms-flex-align: start; align-items: start; text-align: left; } .c-inlay--collapsed .c-content .c-new-line { display: none; } .c-inlay--collapsed .c-content .c-content__p2 { display: none; } .c-inlay--collapsed .c-content__subscribe-button--collapsed { display: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @-webkit-keyframes revealMasPopup { from { bottom: -400px; } to { bottom: 0; } } @keyframes revealMasPopup { from { bottom: -400px; } to { bottom: 0; } } .o-mas-popup { z-index: 2100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: fixed; left: 0; right: 0; bottom: 0; -webkit-animation: revealMasPopup 0.5s ease-out; animation: revealMasPopup 0.5s ease-out; } .o-mas-popup--closed { display: none; } .c-mas-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; height: 62px; font-size: 19px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; background-color: #ffffff; border-radius: 15px 15px 0 0; border-bottom: solid 1px #d8d8d8; } .c-mas-header .c-mas-header__text { -ms-flex-item-align: center; align-self: center; } .o-mas-links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #ffffff; min-height: 130px; } .o-mas-links .c-mas-app-link { -ms-flex-item-align: center; align-self: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 100%; } .o-mas-links .c-mas-app-link .c-mas-app-link__icon { width: 44px; height: 44px; border-radius: 7px; border: solid 1px #d8d8d8; margin-left: 20px; margin-right: 16px; } .o-mas-links .c-mas-app-link .c-mas-app-link__title { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; color: #333333; margin-right: 16px; -ms-flex-item-align: center; align-self: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-width: 300px; } .o-mas-links .c-mas-app-link .c-mas-app-link__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-right: 20px; width: 104px; height: 44px; border-radius: 5px; background-color: #0072bc; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.2px; color: #ffffff; } @media only screen and (min-width: 375px) { .c-mas-header__text { font-size: 20px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @-webkit-keyframes revealMasAlert { from { opacity: 0; } to { opacity: 1; } } @keyframes revealMasAlert { from { opacity: 0; } to { opacity: 1; } } .o-mas-alert { z-index: 2100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-animation: revealMasAlert 0.5s ease-out; animation: revealMasAlert 0.5s ease-out; background-color: #ffffff; border-radius: 15px; padding: 20px; width: 200px; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; } .o-mas-alert--closed { display: none; } .o-mas-alert__text { color: #333333; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; margin-bottom: 16px; } .o-mas-alert__ok { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.2px; text-align: center; color: #0072bc; -ms-flex-item-align: end; align-self: flex-end; } @media only screen and (min-width: 375px) and (max-width: 479px) { .o-mas-alert { width: 250px; margin-left: -125px; } } @media only screen and (min-width: 480px) { .o-mas-alert { width: 374px; margin-left: -187px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @-webkit-keyframes revealMasDefaultChoiceAlert { from { opacity: 0; } to { opacity: 1; } } @keyframes revealMasDefaultChoiceAlert { from { opacity: 0; } to { opacity: 1; } } .o-mas-default-choice-alert { z-index: 2100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-animation: revealMasDefaultChoiceAlert 0.5s ease-out; animation: revealMasDefaultChoiceAlert 0.5s ease-out; background-color: #ffffff; border-radius: 15px; padding: 20px; width: 200px; position: fixed; top: 50%; left: 50%; margin-top: -100px; margin-left: -100px; } .o-mas-default-choice-alert--closed { display: none; } .o-mas-default-choice-alert__text { color: #333333; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; margin-bottom: 24px; } .o-mas-default-choice-alert__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 104px; height: 44px; border-radius: 5px; background-color: #0072bc; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: 0.2px; color: #ffffff; -ms-flex-item-align: center; align-self: center; } @media only screen and (min-width: 375px) and (max-width: 479px) { .o-mas-default-choice-alert { width: 250px; margin-left: -125px; } } @media only screen and (min-width: 480px) { .o-mas-default-choice-alert { width: 374px; margin-left: -187px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @-webkit-keyframes revealMasOverlay { from { opacity: 0; } to { opacity: 1; } } @keyframes revealMasOverlay { from { opacity: 0; } to { opacity: 1; } } .o-mas { z-index: 2100; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-family: 'MerriweatherSans', Helvetica, sans-serif; } .o-mas--closed { display: none; } .c-mas-overlay { z-index: 2100; position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.55); -webkit-animation: revealMasOverlay 0.5s ease-out; animation: revealMasOverlay 0.5s ease-out; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .order-detail .section-box { background: #fff; padding: 15px 0; border-radius: 2px; position: relative; -webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.19); box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.19); margin: 0 auto 24px auto; overflow: hidden; font-family: 'Merriweather Sans', Helvetica, Roboto, Arial, sans-serif; max-width: 728px; } .order-detail .section-box:nth-child(1) { margin-top: 24px; } .order-detail .section-box .mtitle-h3, .order-detail .section-box .mtitle-top, .order-detail .section-box .mtitle { padding: 0 20px; margin: 0; text-align: center; font-size: 26px; color: #333; font-weight: bold; } .order-detail .section-box .mtitle-top { color: #404040; font-size: 20px; font-weight: bold; text-align: left; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #ececec; } .order-detail .section-box .mtitle-top p { font-size: 16px; font-weight: normal; margin: 5px 0 0; display: block; font-family: inherit; color: #666; } .order-detail .section-box .mprice { float: right; font-size: 16px; } .order-detail .section-box .mtitle-h3 { font-size: 18px; font-weight: bold; padding: 0; text-align: left; line-height: normal; } .order-detail .section-box .see-more { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; padding: 0; margin: 0; font-size: 16px; color: #0072bc; position: relative; } .order-detail .section-box .mcontent { padding: 0 20px; } .order-detail .section-box .mcontent > div:last-child .layout-row { border-bottom: none; padding: 0; margin: 0; } .order-detail .section-box .mcontent p { color: #000; font-size: 16px; font-family: inherit; padding-top: 15px; margin-bottom: 5px; } .order-detail .section-box .mcontent .no { border-top: none; padding-top: 0; } .order-detail .section-box .showmore { padding-top: 10px; margin-top: 15px; border-top: 1px solid #ececec; } .order-detail .section-box .showmore > div { display: block; } .order-detail .section-box .subscription-button { font-size: 15px; background: #2a5db0; padding-top: 10px; padding-bottom: 10px; height: 45px; margin-top: 10px; margin-bottom: 5px; border-radius: 4px; font-weight: bold; } .order-detail .section-box .subscription-card-text { margin-bottom: 15px; font-size: 16px; color: #666; } .order-detail .section-box .order-card-label { margin-bottom: 0px; font-size: 14px; color: #666; } .order-detail .section-box .order-card-label span { display: none; } .order-detail .section-box .subscription-card-label { font-size: 18px; color: #404040; font-weight: bold; } .order-detail .section-box .subscription-card-label span { display: none; } .order-detail .section-box .order-card-text { color: #404040; font-weight: bold; font-size: 15px; } .order-detail .section-box .order-card-subscriptions-title { font-size: 16px; text-align: left; margin-bottom: 15px; color: #404040; font-weight: bold; } .order-detail .section-box .order-description { font-size: 10px; color: #999; padding-top: 6px; padding-bottom: 12px; margin-bottom: 12px; overflow: hidden; border-bottom: 1px solid #ececec; } .order-detail .section-box .order-status { font-size: 15px; color: #999; } .order-detail .section-box .layout-row { overflow: hidden; } .order-detail .section-box .layout-row > div:nth-child(1), .order-detail .section-box .layout-row > div:nth-child(4) { width: 30%; float: left; } .order-detail .section-box .layout-row > div:nth-child(2), .order-detail .section-box .layout-row > div:nth-child(3) { width: 20%; float: left; } @media only screen and (max-width: 727px) { .order-detail .section-box { max-width: unset; margin-left: 20px; margin-right: 20px; } .order-detail .section-box .mcontent p { margin-top: 8px; padding-top: 15px; } .order-detail .section-box .see-more { top: 5px; } .order-detail .section-box .see-more, .order-detail .section-box .mtitle-top p, .order-detail .section-box .mcontent p { font-size: 14px; } .order-detail .section-box .layout-row > div { width: 100%; } .order-detail .section-box .order-card-label, .order-detail .section-box .subscription-card-label { font-weight: 100; padding-right: 4px; } .order-detail .section-box .order-card-label span, .order-detail .section-box .subscription-card-label span { display: inline-block; } .order-detail .section-box .order-status { font-size: 9px; } .order-detail .section-box .mtitle { font-size: 22px; } .order-detail .section-box .mtitle-h3 { font-size: 15px; } .order-detail .section-box .mprice { font-size: 14px; } .order-detail .section-box .mprice strong { font-size: 15px; } .order-detail .section-box .subscription-card-label { font-weight: bold; font-size: 15px; display: block; } .order-detail .section-box .subscription-card-text { font-size: 14px; } .order-detail .section-box .layout-row > div:nth-child(1), .order-detail .section-box .layout-row > div:nth-child(2), .order-detail .section-box .layout-row > div:nth-child(3), .order-detail .section-box .layout-row > div:nth-child(4) { width: 100%; float: left; } .order-detail .section-box .order-card-label { font-weight: 100; padding-right: 4px; display: inline-block; width: 45%; } .order-detail .section-box .order-card-text { font-size: 14px; width: 55%; display: inline-block; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-account-bar__anchor, .c-account-bar__label { color: #000; padding: 0 1.25rem; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .o-account-bar { display: none; width: 100%; height: auto; position: absolute; left: 0; right: 0; top: 0; } .o-account-bar--show { display: block; } .c-account-bar__ul { margin: 0; list-style: none; background-color: #ffffff; display: block; width: 15rem; position: absolute; right: 0; -webkit-box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2); } .c-account-bar__li { width: 100%; height: 3.4375rem; padding: 0; border-bottom: 1px solid #eff1f2; display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 1rem; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-account-bar__li:last-child { border-bottom: none; } .c-account-bar__anchor:hover, .c-account-bar__anchor:active, .c-account-bar__anchor:focus { color: #0062a1; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-account-bar__ul { width: 100%; padding: 20px; } .c-account-bar__li { width: 100%; padding: 15px 0; font-size: 16px; height: auto; } .c-account-bar__li:first-child { padding: 0 0 15px 0; } .c-account-bar__li:last-child { padding: 15px 0 0 0; } .c-account-bar__label--username { font-weight: bold; text-align: center; } } @media only screen and (max-width: 727px) { .c-account-bar__ul { width: 100%; padding: 20px; } .c-account-bar__li { width: 100%; padding: 15px 0; font-size: 16px; height: auto; } .c-account-bar__li:first-child { padding: 0 0 15px 0; } .c-account-bar__li:last-child { padding: 15px 0 0 0; } .c-account-bar__label--username { font-weight: bold; text-align: center; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .o-main-logo { width: auto; margin: 0 auto; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-logo-anchor { width: auto; margin: 0 auto; height: 50px; } .c-logo-anchor--thespec { height: 100px; } .c-logo-anchor--therecord { height: 90px; } .c-logo-anchor--thepeterboroughexaminer { height: 90px; } .c-logo-anchor--niagarafallsreview { width: 298px; height: 74px; } .c-logo-anchor--stcatharinesstandard { height: 60px; } .c-logo-anchor--wellandtribune { height: 66px; } .c-main-logo { width: 623px; height: 100%; } .c-main-logo--thespec { width: 410px; } .c-main-logo.c-main-logo--minimal { width: auto; height: 45px; } .o-tophat--sticky .o-main-logo { display: block; height: 100%; width: auto; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); top: 0; } @media only screen and (min-width: 769px) and (max-width: 1024px) { .c-main-logo { margin: 0; padding: 0; height: 100%; } .c-main-logo.c-main-logo--minimal { max-height: 40px; } } @media only screen and (min-width: 727px) and (max-width: 768px) { .c-main-logo { height: 28px; } .c-main-logo--thespec { height: 44px; margin: 0; padding: 0; } .c-main-logo.c-main-logo--minimal { max-height: 40px; } } @media only screen and (max-width: 727px) { .c-main-logo { height: 35px; margin: 0; padding: 0; } .c-main-logo.c-main-logo--minimal { max-height: 28px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .remove-this { padding: 0; } html[data-theme='heavy-blue'] .c-city-list .c-button--location:hover, html[data-theme='heavy-blue'] .c-city-list .c-button--location:focus, html[data-theme='heavy-blue'] .c-city-list .c-button--location:active { background: #0072bc; } html[data-theme='blue'] .c-city-list .c-button--location:hover, html[data-theme='blue'] .c-city-list .c-button--location:focus, html[data-theme='blue'] .c-city-list .c-button--location:active { background: #007ac2; } html[data-theme='red'] .c-city-list .c-button--location:hover, html[data-theme='red'] .c-city-list .c-button--location:focus, html[data-theme='red'] .c-city-list .c-button--location:active { background: #c51e24; } .c-city-list { list-style: none; margin: 0; background-color: #efefef; display: none; border: none; width: 322px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: 1500; position: absolute; -webkit-transform: translateY(38%); -ms-transform: translateY(38%); transform: translateY(38%); -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.15); border-radius: 5px; overflow: hidden; } .c-city-list--show { display: block; } .c-city-list--mobile { display: block; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); left: 0px; width: 320px; border-radius: 0; overflow: auto; background-color: #ecebec; border-left: 1px solid #00548b; border-right: 1px solid #00548b; border-bottom: 3px solid #00548b; -webkit-box-shadow: none; box-shadow: none; } .c-city-list__item { font-size: 16px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; background-color: #ffffff; height: 50px; vertical-align: middle; list-style: none; margin: 0; border-bottom: 1px solid #dedede; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-city-list__item:last-child { border-bottom: none; } .c-city-list__item--mobile { height: 37px; border-bottom: 2px solid #ffffff; background-color: #ecebec; } .c-city-list__item--no-border { border-bottom: none; } .c-city-list__item--selected { background-color: #00548b; border-bottom: none; } .c-button.c-button--location { width: 100%; display: inline-block; background-color: transparent; font-size: 16px; color: #404040; letter-spacing: 0; border-radius: 0; text-align: center; border: none; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; text-transform: capitalize; } .c-button.c-button--location.c-button--location--clicked { font-weight: bold; color: #00548b; } .c-button.c-button--location.c-button--location--selected { color: #ffffff; } .c-button.c-button--location.c-button--location--selected:hover, .c-button.c-button--location.c-button--location--selected:focus, .c-button.c-button--location.c-button--location--selected:active { color: #ffffff; background-color: #0062a1; border: none; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .remove-this { padding: 0; } .o-nav-location-desktop { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; cursor: pointer; border: none; width: 322px; } .o-nav-location-desktop--absolute { position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-hero-header-container .o-nav-location-desktop { display: none; } } .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } @media print { .o-hero-header-container .o-nav-location-desktop { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-hero-header-container .o-nav-location-desktop { display: none; } } .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .remove-this { padding: 0; } html[data-theme='heavy-blue'] .o-hero-header .c-material-icon--deep-blue, html[data-theme='heavy-blue'] .o-hero-header .c-cityname:not(.c-cityname--open) { color: #0072bc; } html[data-theme='blue'] .o-hero-header .c-material-icon--deep-blue, html[data-theme='blue'] .o-hero-header .c-cityname:not(.c-cityname--open) { color: #007ac2; } html[data-theme='red'] .o-hero-header .c-material-icon--deep-blue, html[data-theme='red'] .o-hero-header .c-cityname:not(.c-cityname--open) { color: #c51e24; } .o-hero-header { background-color: #ffffff; } .o-hero-header.o-hero-header--sticky { height: 0; } .o-hero-header-container { max-width: 1176px; width: 100%; margin: 0 auto; height: 138px; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-main-menu-container { width: 100%; } } @media only screen and (max-width: 769px) { .o-hero-header { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-main-menu { display: none; } } .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-main-menu { display: none; } } .c-underline { height: 2px; position: absolute; background-color: #00548b; bottom: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); left: 0; } .o-main-menu--sticky .c-underline { bottom: 13px; } .c-button:not(.c-button--selected):hover .c-underline { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } @media print { .o-main-menu { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-main-menu { display: none; } } .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-search .c-button--search-input .c-material-icon { color: #0062a1; } html[data-theme='heavy-blue'] .o-search .c-button--search-clear .c-material-icon { color: #c2c2c2; } html[data-theme='heavy-blue'] .o-search .c-button--search-clear--active .c-material-icon { color: #0062a1; } html[data-theme='heavy-blue'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop { background-color: #0072bc; border-color: #0072bc; } html[data-theme='heavy-blue'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop:hover, html[data-theme='heavy-blue'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop:active { background-color: #00548b; } html[data-theme='heavy-blue'] .o-main-menu .c-button.c-button--sign-in .c-material-icon { color: #0062a1; } html[data-theme='blue'] .o-search .c-button--search-input .c-material-icon { color: #333; } html[data-theme='blue'] .o-search .c-button--search-clear .c-material-icon { color: #c2c2c2; } html[data-theme='blue'] .o-search .c-button--search-clear--active .c-material-icon { color: #333; } html[data-theme='blue'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop { background-color: #007ac2; border-color: #007ac2; } html[data-theme='blue'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop:hover, html[data-theme='blue'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop:active { background-color: #0e62a2; } html[data-theme='blue'] .o-main-menu .c-button.c-button--sign-in .c-material-icon { color: #333; } html[data-theme='red'] .o-search .c-button--search-input .c-material-icon { color: #333; } html[data-theme='red'] .o-search .c-button--search-clear .c-material-icon { color: #c2c2c2; } html[data-theme='red'] .o-search .c-button--search-clear--active .c-material-icon { color: #333; } html[data-theme='red'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop { background-color: #c51e24; border-color: #c51e24; } html[data-theme='red'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop:hover, html[data-theme='red'] .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop:active { background-color: #c51e24; } html[data-theme='red'] .o-main-menu .c-button.c-button--sign-in .c-material-icon { color: #333; } html[data-theme='blue'] .o-main-menu-container .o-mini-square-logo { padding: 0; height: 100%; } html[data-theme='blue'] .o-main-menu-container .o-sticky-square-logo { width: 100%; height: 100%; } @-webkit-keyframes openMenu { 0% { -webkit-transform: translateY(-56px); transform: translateY(-56px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes openMenu { 0% { -webkit-transform: translateY(-56px); transform: translateY(-56px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .o-main-menu { top: 0; } .o-main-menu .c-button.c-button--sign-in { display: none; padding: 10px; } .o-main-menu .c-button.c-button--sign-in .c-material-icon { display: block; } .o-main-menu .c-button.c-button--sign-in--visible { display: block; } .o-main-menu:not(.o-main-menu--sticky) .c-button--main-nav--selected:after, .o-main-menu:not(.o-main-menu--sticky) .c-button--main-nav--selected:before { top: 100%; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; } .o-main-menu:not(.o-main-menu--sticky) .c-button--main-nav--selected:after { border-color: rgba(255, 255, 255, 0); border-top-color: #ecebec; border-width: 10px; margin-left: -10px; } .o-main-menu:not(.o-main-menu--sticky) .c-button--main-nav--selected:before { border-color: rgba(255, 87, 36, 0); border-top-color: #ecebec00; border-width: 13px; margin-left: -13px; } .o-main-menu.o-main-menu--no-submenu { border-bottom: 1px solid #cccccc; } .o-main-menu.o-main-menu--sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 1110; height: 56px; -webkit-transform: translateY(-56px), translateZ(0); transform: translateY(-56px), translateZ(0); -webkit-box-shadow: 0 2px 4px 0px rgba(0, 29, 48, 0.3); box-shadow: 0 2px 4px 0px rgba(0, 29, 48, 0.3); background: white; -webkit-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; transition: top 0.3s ease-out; } .o-main-menu.o-main-menu--sticky .o-main-menu-container { height: 56px; } .o-main-menu.o-main-menu--sticky .c-button.c-button--main-nav { font-size: 12px; } .o-main-menu.o-main-menu--sticky.o-main-menu--sticky--open { -webkit-animation: openMenu 0.3s ease-out; animation: openMenu 0.3s ease-out; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); border-bottom: 1px solid #cccccc; } .o-main-menu .o-sticky-square-logo { width: 35px; height: 35px; display: none; } .o-main-menu .o-sticky-square-logo--thespec { width: 56px; height: 56px; } .o-main-menu .o-sticky-square-logo--visible { display: block; } .o-main-menu .c-button.c-button--subscribe { max-width: 135px; padding: 2px 8px; height: 32px; margin: 0; display: none; } .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop { display: none; } .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--desktop.c-button--subscribe--visible { display: -webkit-box; display: -ms-flexbox; display: flex; } .o-main-menu .c-button.c-button--subscribe.c-button--subscribe--mobile { display: none; } .o-main-menu .c-button.c-button--subscribe .c-button--subscribe__loading-spinner { width: 100px; height: 26px; } .o-main-menu-container { width: 1176px; margin: 0 auto; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 15px; } .c-main-menu-list { width: 100%; margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; } .c-main-menu-list--sticky { padding: 0 20px 0 10px; } .c-main-menu-list__item { display: inline-block; margin: 0; padding: 0; color: #333333; font-size: 14px; height: 100%; } .c-main-menu-list__item--sticky { font-size: 12px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-main-menu-container { width: 100%; } } @media only screen and (max-width: 769px) { .o-main-menu { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-sub-menu { display: none; } } .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-sub-menu { display: none; } } .c-underline { height: 2px; position: absolute; background-color: #00548b; bottom: 0; width: 100%; -webkit-transition: -webkit-transform 0.3s ease-out; transition: -webkit-transform 0.3s ease-out; -o-transition: transform 0.3s ease-out; transition: transform 0.3s ease-out; transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); left: 0; } .o-main-menu--sticky .c-underline { bottom: 13px; } .c-button:not(.c-button--selected):hover .c-underline { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); } @media print { .o-sub-menu { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-sub-menu { display: none; } } .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .o-sub-menu { background: #ecebec; } .o-sub-menu--no-data { height: 0; pointer-events: none; } .o-sub-menu-container { width: 1176px; margin: 0 auto; height: 36px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-sub-menu-list { width: 100%; margin: 0; padding: 0; list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 100%; } .c-sub-menu-list__item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0; padding: 0 20px; color: #333333; font-size: 14px; height: 100%; } @media only screen and (max-width: 769px) { .o-sub-menu { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-searchbar { display: none; width: 100%; height: 100%; } .c-searchbar--inline { width: 100%; height: 100%; } .c-searchbar--standalone { width: 100%; height: 100%; } .c-searchbar--show { display: block; } .o-search { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; padding: 0; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .c-search { position: relative; -ms-flex-line-pack: center; align-content: center; padding: 8px 0; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .c-search .c-material-icon { position: absolute; left: 5px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } input[type='search'].c-search__input { height: 100%; font-size: 16px; color: #737373; border: 1px solid #979797; border-radius: 5px; background-color: #fff; margin: 0; display: inline-block; } input[type='search'].c-search__input--inline { height: 34px; max-width: 400px; border-radius: 3px; } input[type='search'].c-search__input--standalone { padding: 0 0 0 40px; } input[type='search'].c-search__input::-webkit-input-placeholder { font-size: 16px; color: #9f9f9f; } input[type='search'].c-search__input::-moz-placeholder { font-size: 16px; color: #9f9f9f; } input[type='search'].c-search__input:-ms-input-placeholder { font-size: 16px; color: #9f9f9f; } input[type='search'].c-search__input::-ms-input-placeholder { font-size: 16px; color: #9f9f9f; } input[type='search'].c-search__input::placeholder { font-size: 16px; color: #9f9f9f; } .c-button.c-button--search-input { margin: 0; padding: 0; border: none; background-color: transparent; position: static; } .c-button.c-button--search-clear { margin: 0; padding: 0; border: none; background-color: transparent; position: absolute; top: calc(50% - 20px); right: 5px; width: 40px; height: 40px; } .c-button.c-button--search-submit { display: inline-block; width: 100px; height: 34px; margin: auto 0 auto 10px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-tophat { display: none; } } .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-lightbox { background-color: rgba(255, 0, 0, 0); bottom: 0; cursor: pointer; display: none; height: 0; left: 0; position: fixed; right: 0; top: 0; width: 100%; } .c-lightbox--open { display: block; height: 100%; } @media print { .o-tophat { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-tophat { display: none; } } .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .remove-this { padding: 0; } .o-static-components { width: 1176px; height: 0; position: fixed; z-index: 1805; margin: 0 auto; left: 0; right: 0; top: 0; background-color: rgba(255, 0, 0, 0); } @media only screen and (max-width: 769px) { .o-static-components { width: 100%; overflow: hidden; top: 44px; } .o-static-components--fixed { width: 100%; } .o-static-components--open { height: 100%; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-static-components { top: 60px; } } html[data-theme='blue'] .c-account-bar__anchor:active, html[data-theme='blue'] .c-account-bar__anchor:focus, html[data-theme='blue'] .c-account-bar__anchor:hover { color: #007ac2; } html[data-theme='blue'] .o-header-mobile .c-button--sign-in .c-material-icon.c-material-icon--person, html[data-theme='blue'] .o-header-mobile .c-button--sign-in .c-material-icon.c-material-icon--arrow { color: #333; } html[data-theme='blue'] .o-tophat { background-color: #333; } html[data-theme='blue'] .o-tophat .c-material-icon { color: #fafafa; } html[data-theme='blue'] .o-tophat .c-button--sign-in { background: #333333; border: 1px solid #fafafa; color: #fafafa; } html[data-theme='blue'] .o-tophat .c-button--sign-in:hover, html[data-theme='blue'] .o-tophat .c-button--sign-in:active { background: #000; } html[data-theme='blue'] .o-tophat .c-button--search .c-material-icon:hover, html[data-theme='blue'] .o-tophat .c-button--search .c-material-icon:active { color: #007ac2; } html[data-theme='blue'] .o-tophat .c-button--search-submit, html[data-theme='blue'] .o-tophat .c-button--subscribe { background: #007ac2; border-color: #007ac2; } html[data-theme='blue'] .o-tophat .c-button--search-submit:hover, html[data-theme='blue'] .o-tophat .c-button--search-submit:active, html[data-theme='blue'] .o-tophat .c-button--subscribe:hover, html[data-theme='blue'] .o-tophat .c-button--subscribe:active { background: #0e62a2; } @media only screen and (min-width: 728px) and (max-width: 1085px) { html[data-theme='blue'] .o-tophat .c-button--sign-in { border: none; background: none; } } html[data-theme='red'] .c-account-bar__anchor:active, html[data-theme='red'] .c-account-bar__anchor:focus, html[data-theme='red'] .c-account-bar__anchor:hover { color: #c51e24; } html[data-theme='red'] .o-header-mobile .c-button--sign-in .c-material-icon.c-material-icon--person, html[data-theme='red'] .o-header-mobile .c-button--sign-in .c-material-icon.c-material-icon--arrow { color: #333; } html[data-theme='red'] .o-tophat { background-color: #333; } html[data-theme='red'] .o-tophat .c-material-icon { color: #fafafa; } html[data-theme='red'] .o-tophat .c-button--sign-in { background: #333333; border: 1px solid #fafafa; color: #fafafa; } html[data-theme='red'] .o-tophat .c-button--sign-in:hover, html[data-theme='red'] .o-tophat .c-button--sign-in:active { background: #000; } html[data-theme='red'] .o-tophat .c-button--search .c-material-icon:hover, html[data-theme='red'] .o-tophat .c-button--search .c-material-icon:active { color: #c51e24; } html[data-theme='red'] .o-tophat .c-button--search-submit, html[data-theme='red'] .o-tophat .c-button--subscribe { background: #c51e24; border-color: #c51e24; } html[data-theme='red'] .o-tophat .c-button--search-submit:hover, html[data-theme='red'] .o-tophat .c-button--search-submit:active, html[data-theme='red'] .o-tophat .c-button--subscribe:hover, html[data-theme='red'] .o-tophat .c-button--subscribe:active { background: #c51e24; } @media only screen and (min-width: 728px) and (max-width: 1085px) { html[data-theme='red'] .o-tophat .c-button--sign-in { border: none; background: none; } } html[data-theme='heavy-blue'] .o-tophat .c-button--search .c-material-icon:hover, html[data-theme='heavy-blue'] .o-tophat .c-button--search .c-material-icon:active { color: #0072bc; } @-webkit-keyframes openMenu { 0% { -webkit-transform: translateY(-32px); transform: translateY(-32px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes openMenu { 0% { -webkit-transform: translateY(-32px); transform: translateY(-32px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .o-tophat { background-color: #ecebec; height: 40px; -webkit-transform: translateZ(0); transform: translateZ(0); } .o-tophat .c-button.c-button--sign-in, .o-tophat .c-button.c-button--subscribe { height: 34px; } .o-tophat .c-button.c-button--subscribe .c-button--subscribe__loading-spinner { width: 100px; height: 31px; } .o-tophat .c-button.c-button--sign-in .c-material-icon--arrow { -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .o-tophat .c-button.c-button--sign-in .c-material-icon--arrow-up { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .o-tophat .c-button, .o-tophat .c-material-icon { -webkit-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; -webkit-transition-property: color, background-color; -o-transition-property: color, background-color; transition-property: color, background-color; } .o-tophat .c-button--search .c-material-icon { font-size: 24px; vertical-align: middle; } .o-tophat .c-search { display: -webkit-box; display: -ms-flexbox; display: flex; } .o-tophat.o-tophat--sticky { position: fixed; top: 0; left: 0; right: 0; z-index: 1111; height: 32px; background-color: #ffffff; -webkit-transform: translateY(-32px), translateZ(0); transform: translateY(-32px), translateZ(0); display: none; } .o-tophat.o-tophat--sticky .o-sticky-logo { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .o-tophat.o-tophat--sticky .c-main-logo { width: auto; height: 30px; padding: 4px 0; } .o-tophat.o-tophat--sticky .c-button.c-button--search { display: none; } .o-tophat.o-tophat--sticky .c-button.c-button--sign-in, .o-tophat.o-tophat--sticky .c-button.c-button--subscribe { height: 24px; position: absolute; } .o-tophat.o-tophat--sticky .c-button.c-button--subscribe { top: 2px; right: 40px; } .o-tophat.o-tophat--sticky .c-button.c-button--sign-in { width: auto; background-color: transparent; min-width: inherit; border: none; top: 2px; right: 0; } .o-tophat.o-tophat--sticky .c-button--sign-in .c-button__text.c-button__text--centered, .o-tophat.o-tophat--sticky .c-button--sign-in--logged-in .c-button__text.c-button__text--centered { display: none; } .o-tophat.o-tophat--sticky .c-button--sign-in .c-material-icon, .o-tophat.o-tophat--sticky .c-button--sign-in--logged-in .c-material-icon { display: inline-block; font-size: 22px; } .o-tophat.o-tophat--sticky .c-button__text.c-button__text--subtext { display: none; } .o-tophat.o-tophat--sticky.o-tophat--sticky--open { -webkit-animation: openMenu 0.5s ease-out; animation: openMenu 0.5s ease-out; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .o-tophat-search { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .o-tophat-container { -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; margin: 0 auto; padding: 0; position: relative; max-width: 1176px; } .o-tophat-buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-tophat-container { width: 100%; } } @media only screen and (max-width: 769px) { .o-tophat-container { width: 100%; } .o-tophat { display: none; } } @media only screen and (min-width: 1025px) { .c-button.c-button--sign-in--logged-in .c-material-icon.c-material-icon--person { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .remove-this { padding: 0; } html[data-theme='heavy-blue'] .o-main-menu:not(.o-main-menu--sticky) { background: #f8f8f8; } html[data-theme='heavy-blue'] .o-sub-menu { background: #ecebec; } html[data-theme='heavy-blue'] .o-sub-menu .c-underline, html[data-theme='heavy-blue'] .o-main-menu .c-underline { background-color: #00548b; } html[data-theme='heavy-blue'] .c-button.c-button--main-nav--selected, html[data-theme='heavy-blue'] .c-button.c-button--sub-nav--selected { color: #00548b; } html[data-theme='blue'] .o-main-menu:not(.o-main-menu--sticky) { background: #f8f8f8; } html[data-theme='blue'] .o-sub-menu { background: #ecebec; } html[data-theme='blue'] .o-sub-menu .c-underline, html[data-theme='blue'] .o-main-menu .c-underline { background-color: #0e62a2; } html[data-theme='blue'] .c-button.c-button--main-nav--selected, html[data-theme='blue'] .c-button.c-button--sub-nav--selected { color: #0e62a2; } html[data-theme='red'] .o-main-menu:not(.o-main-menu--sticky) { background: #f8f8f8; } html[data-theme='red'] .o-sub-menu { background: #ecebec; } html[data-theme='red'] .o-sub-menu .c-underline, html[data-theme='red'] .o-main-menu .c-underline { background-color: #c51e24; } html[data-theme='red'] .c-button.c-button--main-nav--selected, html[data-theme='red'] .c-button.c-button--sub-nav--selected { color: #c51e24; } .c-tophat-placeholder { display: none; } .c-tophat-placeholder--show { display: block; height: 80px; } @media print { .c-tophat-placeholder--show { display: none; } } @media only screen and (max-width: 769px) { .c-tophat-placeholder--show { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .remove-this { padding: 0; } html[data-theme='heavy-blue'] .o-header--minimal .c-button--secondary { color: #0062a1; border-color: #0062a1; } html[data-theme='heavy-blue'] .o-header--minimal .c-button--secondary:hover, html[data-theme='heavy-blue'] .o-header--minimal .c-button--secondary:active { color: #00548b; border-color: #00548b; } html[data-theme='heavy-blue'] .o-header--minimal .c-button--secondary:hover .c-material-icons, html[data-theme='heavy-blue'] .o-header--minimal .c-button--secondary:active .c-material-icons { color: #00548b; } html[data-theme='heavy-blue'] .o-header--minimal .c-button--secondary .c-material-icon { color: #0062a1; } html[data-theme='blue'] .o-header--minimal .c-button--secondary { color: #007ac2; border-color: #007ac2; } html[data-theme='blue'] .o-header--minimal .c-button--secondary:hover, html[data-theme='blue'] .o-header--minimal .c-button--secondary:active { color: #0e62a2; border-color: #0e62a2; } html[data-theme='blue'] .o-header--minimal .c-button--secondary:hover .c-material-icons, html[data-theme='blue'] .o-header--minimal .c-button--secondary:active .c-material-icons { color: #0e62a2; } html[data-theme='blue'] .o-header--minimal .c-button--secondary .c-material-icon { color: #007ac2; } html[data-theme='red'] .o-header--minimal .c-button--secondary { color: #c51e24; border-color: #c51e24; } html[data-theme='red'] .o-header--minimal .c-button--secondary:hover, html[data-theme='red'] .o-header--minimal .c-button--secondary:active { color: #c51e24; border-color: #c51e24; } html[data-theme='red'] .o-header--minimal .c-button--secondary:hover .c-material-icons, html[data-theme='red'] .o-header--minimal .c-button--secondary:active .c-material-icons { color: #c51e24; } html[data-theme='red'] .o-header--minimal .c-button--secondary .c-material-icon { color: #c51e24; } .o-header.o-header--minimal { display: block; width: 1176px; margin: 0 auto; } .c-header-anchor--minimal { width: auto; vertical-align: middle; overflow: hidden; text-align: left; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0; } .c-header-anchor__img { width: auto; height: 30px; } .c-primary-header.c-primary-header--minimal { padding: 20px 8px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 80px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-header.o-header--minimal { width: 100%; } .c-primary-header.c-primary-header--minimal { margin: 0; width: 100%; padding: 0 40px; height: 70px; } .c-primary-header.c-primary-header--minimal .c-button.c-button--sign-in { padding: 0; } .c-primary-header.c-primary-header--minimal .c-button__text--container { padding: 10px; margin: 0; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } } @media only screen and (max-width: 727px) { .o-header.o-header--minimal { width: 100%; } .c-primary-header.c-primary-header--minimal { margin: 0; width: 100%; padding: 0 10px; height: 50px; } .c-primary-header.c-primary-header--minimal .c-button.c-button--sign-in { padding: 0; } .c-primary-header.c-primary-header--minimal .c-button__text--container { padding: 10px; margin: 0; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } .c-lightbox { background-color: rgba(255, 0, 0, 0); bottom: 0; cursor: pointer; display: none; height: 0; left: 0; position: fixed; right: 0; top: 0; width: 100%; } .c-lightbox--open { display: block; height: 100%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-subsection-list { list-style: none; margin: 0; background-color: #ecebec; display: none; } .c-subsection-list__item { padding: 0; font-size: 16px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; height: 42px; vertical-align: middle; -webkit-box-shadow: 0px 0px 1px 0px #cccccc; box-shadow: 0px 0px 1px 0px #cccccc; } .c-subsection-list__anchor { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 0 0 32px; text-transform: capitalize; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; } .c-subsection-list--show { display: block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } .c-lightbox { background-color: rgba(255, 0, 0, 0); bottom: 0; cursor: pointer; display: none; height: 0; left: 0; position: fixed; right: 0; top: 0; width: 100%; } .c-lightbox--open { display: block; height: 100%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='blue'] .o-header-mobile .c-button--subscribe { background: #007ac2; border-color: #007ac2; } html[data-theme='blue'] .o-header-mobile .c-button--subscribe:hover, html[data-theme='blue'] .o-header-mobile .c-button--subscribe:active { background: #0e62a2; } html[data-theme='blue'] .o-navigation .o-navigation-container { border-color: #007ac2; } html[data-theme='blue'] .o-navigation .o-navigation-header { background-color: #007ac2; } html[data-theme='blue'] .o-navigation .c-material-icon--deep-blue, html[data-theme='blue'] .o-navigation .c-material-icon--expand-icon-blue-deep { color: #007ac2; } html[data-theme='blue'] .o-navigation .c-material-icon--deep-blue:hover, html[data-theme='blue'] .o-navigation .c-material-icon--deep-blue:focus, html[data-theme='blue'] .o-navigation .c-material-icon--deep-blue:active, html[data-theme='blue'] .o-navigation .c-material-icon--expand-icon-blue-deep:hover, html[data-theme='blue'] .o-navigation .c-material-icon--expand-icon-blue-deep:focus, html[data-theme='blue'] .o-navigation .c-material-icon--expand-icon-blue-deep:active { color: #0e62a2; } html[data-theme='blue'] .o-navigation .c-button.c-button--navigation-primary--clicked, html[data-theme='blue'] .o-navigation .c-cityname { color: #007ac2; } html[data-theme='blue'] .o-navigation .c-cityname--open { color: #333; } html[data-theme='blue'] .o-navigation .c-button.c-button--navigation-primary:hover, html[data-theme='blue'] .o-navigation .c-button.c-button--navigation-primary:focus, html[data-theme='blue'] .o-navigation .c-button.c-button--navigation-primary:active, html[data-theme='blue'] .o-navigation .c-subsection-list__anchor:hover, html[data-theme='blue'] .o-navigation .c-subsection-list__anchor:focus, html[data-theme='blue'] .o-navigation .c-subsection-list__anchor:active { color: #007ac2; } html[data-theme='red'] .o-header-mobile .c-button--subscribe { background: #c51e24; border-color: #c51e24; } html[data-theme='red'] .o-header-mobile .c-button--subscribe:hover, html[data-theme='red'] .o-header-mobile .c-button--subscribe:active { background: #c51e24; } html[data-theme='red'] .o-navigation .o-navigation-container { border-color: #c51e24; } html[data-theme='red'] .o-navigation .o-navigation-header { background-color: #c51e24; } html[data-theme='red'] .o-navigation .c-material-icon--deep-blue, html[data-theme='red'] .o-navigation .c-material-icon--expand-icon-blue-deep { color: #c51e24; } html[data-theme='red'] .o-navigation .c-material-icon--deep-blue:hover, html[data-theme='red'] .o-navigation .c-material-icon--deep-blue:focus, html[data-theme='red'] .o-navigation .c-material-icon--deep-blue:active, html[data-theme='red'] .o-navigation .c-material-icon--expand-icon-blue-deep:hover, html[data-theme='red'] .o-navigation .c-material-icon--expand-icon-blue-deep:focus, html[data-theme='red'] .o-navigation .c-material-icon--expand-icon-blue-deep:active { color: #c51e24; } html[data-theme='red'] .o-navigation .c-button.c-button--navigation-primary--clicked, html[data-theme='red'] .o-navigation .c-cityname { color: #c51e24; } html[data-theme='red'] .o-navigation .c-cityname--open { color: #333; } html[data-theme='red'] .o-navigation .c-button.c-button--navigation-primary:hover, html[data-theme='red'] .o-navigation .c-button.c-button--navigation-primary:focus, html[data-theme='red'] .o-navigation .c-button.c-button--navigation-primary:active, html[data-theme='red'] .o-navigation .c-subsection-list__anchor:hover, html[data-theme='red'] .o-navigation .c-subsection-list__anchor:focus, html[data-theme='red'] .o-navigation .c-subsection-list__anchor:active { color: #c51e24; } .o-primary-navigation { display: none; } .o-primary-navigation--open { display: block; } .o-navigation { background-color: transparent; display: block; height: auto; margin: 0 auto; right: auto; width: 320px; position: fixed; top: 0; overflow: hidden; bottom: 0; } .o-navigation-container { width: 320px; overflow: hidden; background-color: #ffffff; border: 1px solid #00548b; border-radius: 5px; } .o-navigation-scroller { height: 100%; width: 320px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; } .o-navigation-header { height: 50px; background-color: #00548b; text-align: right; padding: 0 12px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-navigation-header__anchor { color: #f9f9f9; display: inline-block; font-size: 16px; letter-spacing: 0.5px; vertical-align: middle; width: auto; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .c-navigation-header__anchor:hover, .c-navigation-header__anchor:focus, .c-navigation-header__anchor:active { color: #ffffff; } .c-main-nagivation__nav-list { list-style: none; margin: 0; border: 1px solid #ecebec; } .c-main-nagivation__nav-list-item { display: block; width: 100%; background-color: #f9f9f9; border-bottom: 1px solid #ecebec; } .c-main-nagivation__nav-list-item:last-child { border-bottom: none; } .c-button-container { width: 80%; display: inline-block; } .c-button.c-button--navigation-primary { width: 80%; display: inline-block; background-color: transparent; font-size: 16px; color: #333333; letter-spacing: 0.5px; border-radius: 0; padding: 12px 16px; text-align: left; border: none; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; text-transform: uppercase; word-spacing: 1px; } .c-button.c-button--navigation-primary--clicked { font-weight: bold; color: #00548b; } .c-button.c-button--navigation-primary:hover, .c-button.c-button--navigation-primary:focus, .c-button.c-button--navigation-primary:active { color: #00548b; background-color: transparent; border: none; } .c-button.c-button--no-style.c-button--location-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 5px 0; margin: 0; width: 100%; height: auto; } .c-material-icon.c-material-icon--location { width: 40px; display: inline-block; padding: 0 10px 0 0; } .o-search-bar { height: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .o-search-bar .c-search { width: 100%; } .o-nav-location { display: -webkit-box; display: -ms-flexbox; display: flex; cursor: pointer; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 64px; padding: 0 14px; border-top: 1px solid #efefef; } .o-nav-search { display: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding: 0px 16px 0px 14px; } .o-nav-search--show { display: -webkit-box; display: -ms-flexbox; display: flex; } .o-nav-button { width: 64px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .o-expand-button { display: inline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-cityname { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; vertical-align: middle; display: inline-block; color: #00548b; font-weight: bold; padding: 0; } .c-cityname--open { color: #333333; font-weight: normal; } .o-two-row-paragraph { padding: 0; margin: 0; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; text-transform: capitalize; font-size: 14px; font-weight: bold; text-align: left; } .o-two-row-paragraph--subtitle { text-transform: uppercase; letter-spacing: 1px; font-size: 10px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-header-placeholder { display: none; } } .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-lightbox { background-color: rgba(255, 0, 0, 0); bottom: 0; cursor: pointer; display: none; height: 0; left: 0; position: fixed; right: 0; top: 0; width: 100%; } .c-lightbox--open { display: block; height: 100%; } @media print { .o-header-placeholder { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .o-header-placeholder { display: none; } } .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .remove-this { padding: 0; } .o-static-components { width: 1176px; height: 0; position: fixed; z-index: 1805; margin: 0 auto; left: 0; right: 0; top: 0; background-color: rgba(255, 0, 0, 0); } @media only screen and (max-width: 769px) { .o-static-components { width: 100%; overflow: hidden; top: 44px; } .o-static-components--fixed { width: 100%; } .o-static-components--open { height: 100%; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-static-components { top: 60px; } } html[data-theme='blue'] .o-header-mobile .c-button--subscribe { background: #007ac2; border-color: #007ac2; } html[data-theme='blue'] .o-header-mobile .c-button--subscribe:hover, html[data-theme='blue'] .o-header-mobile .c-button--subscribe:active { background: #0e62a2; } @media only screen and (max-width: 727px) { html[data-theme='blue'] .o-header-mobile .c-button--subscribe { background: none; border-color: none; } html[data-theme='blue'] .o-header-mobile .c-button--subscribe .c-button__text--title { color: #007ac2; } html[data-theme='blue'] .o-header-mobile .c-button--subscribe:hover, html[data-theme='blue'] .o-header-mobile .c-button--subscribe:active { background: none; } html[data-theme='blue'] .o-header-mobile .c-button--subscribe:hover .c-button__text--title, html[data-theme='blue'] .o-header-mobile .c-button--subscribe:active .c-button__text--title { color: #0e62a2; } } html[data-theme='red'] .o-header-mobile .c-button--subscribe { background: #c51e24; border-color: #c51e24; } html[data-theme='red'] .o-header-mobile .c-button--subscribe:hover, html[data-theme='red'] .o-header-mobile .c-button--subscribe:active { background: #c51e24; } @media only screen and (max-width: 727px) { html[data-theme='red'] .o-header-mobile .c-button--subscribe { background: none; border-color: none; } html[data-theme='red'] .o-header-mobile .c-button--subscribe .c-button__text--title { color: #c51e24; } html[data-theme='red'] .o-header-mobile .c-button--subscribe:hover, html[data-theme='red'] .o-header-mobile .c-button--subscribe:active { background: none; } html[data-theme='red'] .o-header-mobile .c-button--subscribe:hover .c-button__text--title, html[data-theme='red'] .o-header-mobile .c-button--subscribe:active .c-button__text--title { color: #c51e24; } } .o-header-mobile, .c-header-mobile { display: none; } @media only screen and (max-width: 727px) { .o-header-mobile, .c-header-mobile { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } } .o-login-wrapper { height: 100%; padding: 10px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: inherit; -ms-flex-align: inherit; align-items: inherit; width: auto; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .c-header-anchor--logo { width: auto; vertical-align: middle; overflow: hidden; text-align: center; display: inline-block; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding: 0; } .c-header-anchor__img { width: auto; height: 30px; } .c-star-icon { display: none; font-size: 26px; } @media only screen and (max-width: 769px) { .c-material-icon--arrow { -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: -webkit-transform 0.2s ease-in-out; -o-transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out, -webkit-transform 0.2s ease-in-out; } .c-material-icon--arrow-up { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .o-header-mobile { background-color: #ffffff; top: 0; border-bottom: 0.0625rem solid #eff1f2; position: static; z-index: 1800; width: 100%; height: 44px; display: block; } .o-header-mobile--fixed { position: fixed; top: 0; width: 100%; left: 0; right: 0; } .c-header-mobile { grid-template-columns: 44px 1fr; grid-gap: 0; background-color: #ffffff; border-bottom: 0.0625rem solid #eff1f2; height: 44px; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 auto; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; } .c-header-mobile--fixed { position: fixed; left: 0; right: 0; width: auto; } .o-login-wrapper { display: grid; grid-template-columns: 1fr auto auto; grid-gap: 0; justify-items: start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0; } .o-login-wrapper--premium { grid-template-columns: 1fr auto; grid-gap: 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-header-mobile, .c-header-mobile { height: 60px; } .c-header-mobile { padding: 0 10px; } .c-button--sign-in { padding: 0; } .o-header-placeholder { display: none; } .o-header-placeholder--show { display: block; height: 60px; } .o-login-wrapper { padding: 10px 0; } } @media only screen and (max-width: 727px) { .o-header-mobile, .c-header-mobile { height: 44px; position: fixed; left: 0; right: 0; width: auto; } .o-header-placeholder { display: block; height: 44px; } } @media only screen and (max-width: 320px) { .o-login-wrapper { grid-template-columns: 1fr auto auto; grid-gap: 8px; padding: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .leaderboard-ad-component { display: none; } } .leaderboard-ad-component { width: 100%; } @media only screen and (max-width: 727px) { .leaderboard-ad-component { padding: 0 0 0.5em 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; background-color: #ecebec; min-height: 70px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .leaderboard-ad-component { display: none; } } @media only screen and (min-width: 1086px) { .leaderboard-ad-component { min-height: 110px; } } .leaderboard-ad-component--fixed { position: fixed; } @media only screen and (max-width: 727px) { .leaderboard-ad-component--fixed { top: 44px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); z-index: 1109; } } @media only screen and (min-width: 1086px) { .leaderboard-ad-component--fixed { top: 0px; z-index: 2110; background-color: #fff; } } .leaderboard-ad-component--hide-transition { -webkit-transition: top 0.3s ease-out; -o-transition: top 0.3s ease-out; transition: top 0.3s ease-out; } .leaderboard-ad-component .ad-container-label__leaderboard-mobile { display: none; color: #c2c2c2; text-align: center; font-weight: bold; font-size: 0.625rem; line-height: 0.9375rem; } @media only screen and (max-width: 727px) { .leaderboard-ad-component .ad-container-label__leaderboard-mobile { display: block; } } @media only screen and (min-width: 1086px) { .leaderboard-ad-component iframe { margin: 0.5em 0; border: none; } } .leaderboard-ad-component [id*='google_ads_iframe'] { margin-left: auto; margin-right: auto; } .leaderboard-placeholder { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-search-page { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; color: #737373; } @media only screen and (min-width: 728px) { .c-search-page { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-search-page { margin-bottom: 16px; } } .c-search-no-result { border-top: 1px solid #d8d8d8; padding: 18px 0; text-align: center; min-height: 600px; } .c-search-no-result p { margin-top: 18px; text-align: left; } .c-search-results { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-top: 18px; margin-bottom: 50px; min-height: 600px; } .c-search-results-item { display: -webkit-box; display: -ms-flexbox; display: flex; border-top: 1px solid #d8d8d8; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; margin-bottom: 11px; } @media only screen and (min-width: 728px) { .c-search-results-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-search-results-item__date { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; padding-top: 20px; display: none; } @media only screen and (min-width: 728px) { .c-search-results-item__date { display: block; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-search-paging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .search-pagenum-links { display: none; padding: 0 16px; margin-top: -6px; font-size: 1.5rem; cursor: pointer; } .search-pagenum-links .search-pagenum-link { color: black; margin-left: 24px; } .search-pagenum-links .search-pagenum-link.search-pagenum-link__current { font-size: 2rem; color: #0a72bc; text-decoration: underline; cursor: auto; } @media only screen and (min-width: 728px) { .search-pagenum-links { display: block; } } .search-paging-arrow { width: 36px; height: 36px; border-radius: 5px; border: 1px solid black; cursor: pointer; color: black; } .search-paging-arrow.search-paging-arrow__disabled { opacity: 50%; cursor: auto; border: 1px solid #d8d8d8; color: #d8d8d8; } .search-paging-arrow .search-paging-arrow-icon { font-size: 2.25rem; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-search-form { padding-top: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) { .c-search-form { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .c-search-form input[type='text'], .c-search-form input[type='search'] { border-radius: 5px; } .c-search-form__q { border-right: none; width: 100%; border-bottom: 1px solid #d8d8d8; padding-bottom: 9px; margin-bottom: 16px; } @media only screen and (min-width: 728px) { .c-search-form__q { border-right: 1px solid #d8d8d8; padding-bottom: 0px; border-bottom: none; padding-right: 15px; -webkit-box-flex: 1; -ms-flex: 1 0 45%; flex: 1 0 45%; } } .c-search-form__q .c-search-form__q-input { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; } .c-search-form__q .c-search-form__q-input .c-search-form--search-icon { display: inline; color: #737373; margin: 4px 0 0 -31px; cursor: pointer; opacity: 90%; } .c-search-form__archive-link { text-align: right; font-size: 12px; color: #0072bc; } .c-search-form__filters { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } @media only screen and (min-width: 728px) { .c-search-form__filters { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 0 15px; } } .c-search-form__filters-item { -webkit-box-flex: 1; -ms-flex: 1 0 45%; flex: 1 0 45%; } .c-search-form__filters-label { font-size: 14px; } @media only screen and (min-width: 728px) { .c-search-form__filters-input { width: 235px; } } .c-search-form__filters-input select { border-radius: 5px; width: 100%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-footer-group { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; display: block; } .c-footer-group .c-material-icon { font-size: 24px; width: 32px; } .c-footer-group__title { font-size: 16px; font-weight: normal; color: #fff; padding: 30px 0 20px 0; display: block; text-align: left; } .c-footer-group__list { font-size: 14px; font-weight: normal; color: #fff; padding: 0; margin-left: 18px; list-style: none; } .c-footer-group__item { font-size: 14px; font-weight: normal; color: #fff; padding: 0 0 8px 0; } @media only screen and (max-width: 769px) { .c-footer-group { -webkit-box-flex: unset; -ms-flex: unset; flex: unset; padding: 0; overflow: hidden; border-bottom: 1px solid #262626; } .c-footer-group__list { height: 0; overflow: hidden; -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); padding: 0 20px; margin-bottom: 0; } .c-footer-group__list--open { height: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .c-footer-group__title { font-size: 12px; padding: 0; text-align: left; position: relative; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .c-footer-group__item { padding: 12px 0; } .c-footer-group__list, .c-footer-group__item { font-size: 14px; } .c-material-icon.c-material-icon--footer-expand { display: block; } .c-button.c-button--footer-expand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-button.c-button--footer-expand:active { color: #fff; background-color: #424242; border: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-footer__anchor { color: #fff; font-size: 14px; } .c-footer__anchor:hover, .c-footer__anchor:focus, .c-footer__anchor:active { color: #fff; text-decoration: underline; } .c-footer__anchor.c-footer__anchor--top-level { font-size: 12px; padding: 20px 0; width: 100%; display: block; padding-left: 0; } .c-footer__anchor.c-footer__anchor--legal { font-size: 12px; padding: 0 10px; } @media only screen and (max-width: 769px) { .c-footer__anchor { font-size: 14px; } .c-footer__anchor:hover, .c-footer__anchor:focus, .c-footer__anchor:active { background-color: #424242; } .c-footer__anchor.c-footer__anchor--top-level { padding: 0; } .c-footer__anchor.c-footer__anchor--legal { width: auto; font-size: 10px; padding: 5px 20px; } } @media only screen and (max-width: 480px) { .c-footer__anchor { font-size: 13px; } } .o-mini-square-logo { padding: 5px; } .o-mini-square-logo .o-sticky-square-logo { min-width: 35px; min-height: 35px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='blue'] .o-site-footer { border-top: 4px solid #0072bc; background: #333; } html[data-theme='blue'] .o-legal-footer, html[data-theme='blue'] .o-footer-top { background-color: #202020; } html[data-theme='blue'] .c-footer-group__item { position: relative; } @media only screen and (min-width: 1086px) { html[data-theme='blue'] .c-footer-group__item { width: 180px; } } html[data-theme='blue'] .c-footer-group__item::before { color: #0072bc; /* color of bullet or square */ content: '\2022'; /* Unicode of character to precede the list item */ display: inline-block; font-size: 1.5em; left: -0.7em; position: absolute; top: -6px; } @media only screen and (max-width: 769px) { html[data-theme='blue'] .c-footer-group__item::before { top: 8px; } } html[data-theme='heavy-blue'] .o-site-footer { border-top: 4px solid #007ac2; background: #333; } html[data-theme='heavy-blue'] .o-legal-footer, html[data-theme='heavy-blue'] .o-footer-top { background-color: #202020; } html[data-theme='heavy-blue'] .c-footer-group__item { position: relative; } html[data-theme='heavy-blue'] .c-footer-group__item::before { color: #007ac2; /* color of bullet or square */ content: '\2022'; /* Unicode of character to precede the list item */ display: inline-block; font-size: 1.5em; left: -0.7em; position: absolute; top: -6px; } @media only screen and (max-width: 769px) { html[data-theme='heavy-blue'] .c-footer-group__item::before { top: 8px; } } html[data-theme='red'] .o-site-footer { border-top: 4px solid #c51e24; background: #333; } html[data-theme='red'] .o-legal-footer, html[data-theme='red'] .o-footer-top { background-color: #202020; } html[data-theme='red'] .c-footer-group__item { position: relative; } @media only screen and (min-width: 1086px) { html[data-theme='red'] .c-footer-group__item { width: 180px; } } html[data-theme='red'] .c-footer-group__item::before { color: #c51e24; /* color of bullet or square */ content: '\2022'; /* Unicode of character to precede the list item */ display: inline-block; font-size: 1.5em; left: -0.7em; position: absolute; top: -6px; } @media only screen and (max-width: 769px) { html[data-theme='red'] .c-footer-group__item::before { top: 8px; } } .o-site-footer { width: 100%; height: 100%; position: relative; display: block; z-index: 1475; } .o-site-footer .o-mini-square-logo { position: absolute; top: 30px; margin-left: -40px; width: 74px; } .o-site-footer .o-mini-square-logo img { min-width: 45px; } .o-site-footer__social-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; max-width: 1176px; margin: 0 auto; padding: 30px 60px 30px 85px; } .o-site-footer__social-icons--app-links { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: auto; } .o-site-footer__social-icons--app-store, .o-site-footer__social-icons--todays-paper { padding-right: 16px; } .o-site-footer__social-icons--todays-paper { height: auto; width: 125px; } .o-site-footer__social-icons .staricon { line-height: 44px; text-align: center; -ms-flex-negative: 0; flex-shrink: 0; width: 44px; height: 44px; font-size: 24px; color: #fafafa; } .o-site-footer .c-footer-group { padding-left: 56px; } .c-site-footer { max-width: 1176px; display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 0 40px; } .c-footer-list { display: none; } .c-button.c-button--footer-expand { background: transparent; border: none; color: #00548b; padding: 0; z-index: 1475; border-radius: 0; color: #fff; } .c-button.c-button--footer-expand:active { color: #0072bc; background: transparent; } .c-button.c-button--footer-expand:focus, .c-button.c-button--footer-expand:hover { background: transparent; border: none; color: inherit; } .c-button.c-button--footer-expand:disabled, .c-button.c-button--footer-expand--disabled { color: #cccccc; pointer-events: none; } .c-button.c-button--footer-expand:hover, .c-button.c-button--footer-expand:focus, .c-button.c-button--footer-expand:active { color: #fff; background-color: transparent; border: none; } @media only screen and (max-width: 1024px) { .c-site-footer { padding: 0 70px; } } @media only screen and (max-width: 769px) { .o-site-footer .c-footer-group { margin-left: 20px; padding: 0; width: 78%; } .c-site-footer { display: block; width: 100%; padding: 0; } .c-site-footer, .c-footer-list { margin-left: 84px; } .o-site-footer .o-mini-square-logo { width: 50px; margin-left: -62px; top: 28px; } .o-site-footer .o-mini-square-logo img { min-width: 45px; } .c-footer-list { padding: 0; list-style: none; display: block; margin-top: 20px; margin-bottom: 0; width: 100%; } .c-footer-list__item { display: block; padding: 0; border-bottom: 1px solid #262626; margin-left: 20px; width: 78%; font-size: 16px; } .c-footer-group__title, .c-footer__anchor.c-footer__anchor--top-level { font-size: 16px; line-height: 40px; } .c-button.c-button--footer-expand { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; pointer-events: initial; } .c-button.c-button--footer-expand:active { color: #fff; background-color: #424242; border: none; } } @media only screen and (min-width: 727px) and (max-width: 768px) { .o-site-footer__social-icons { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 30px 70px 30px 90px; } .o-site-footer__social-icons--app-store:first-of-type { padding-right: 16px; } } @media only screen and (max-width: 480px) { .c-footer-list { margin-top: 80px; } .c-site-footer, .c-footer-list { margin-left: 0px; } .c-site-footer { margin-bottom: 4px; } .o-site-footer__social-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 12px 12px 24px 12px; margin: 0 44px; } .o-site-footer__social-icons--app-links { margin-left: 0; } .o-site-footer__social-icons--app-store { margin-left: 0; padding-right: 4px; } .o-site-footer__social-icons .staricon { margin-bottom: 12px; } .o-site-footer .o-mini-square-logo { position: absolute; top: 20px; margin-left: 22px; width: 45px; } .c-footer-list__item, .o-site-footer .c-footer-group { margin: 0 28px; width: auto; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .button, .subscriptionsPanel__button { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: normal; position: relative; display: inline-block; margin: 0 0 1.25rem; padding: 0.5rem 2rem 0.5625rem; text-align: center; text-decoration: none; color: #fff; border: 0; border-radius: 5px; background-color: #0062a1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media only screen and (max-width: 727px) { .button, .subscriptionsPanel__button { font-size: 0.8125rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button, .subscriptionsPanel__button { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { .button, .subscriptionsPanel__button { font-size: 1.125rem; } } .button:hover, .subscriptionsPanel__button:hover, .button:focus, .subscriptionsPanel__button:focus { color: #ffffff; background-color: #0072bc; } button[disabled].button, button.subscriptionsPanel__button[disabled] { background: #0072bc; } button[disabled].button:hover, button.subscriptionsPanel__button[disabled]:hover, button[disabled].button:focus, button.subscriptionsPanel__button[disabled]:focus { color: #fff; background-color: #0072bc; } .button--large, .subscriptionsPanel__button { padding: 0.875rem 3.5rem 0.9375rem; } @media only screen and (max-width: 727px) { .button--large, .subscriptionsPanel__button { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button--large, .subscriptionsPanel__button { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { .button--large, .subscriptionsPanel__button { font-size: 1.375rem; } } .button--secondary, .subscriptionsPanel__button { background-color: #ffffff; border: 1px solid #0072bc; color: #0072bc; } .subscriptionsContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #f5f5f5; padding-bottom: 1rem; position: relative; border-right-width: 0; border-left-width: 0; } @media only screen and (min-width: 1086px) { .subscriptionsContainer { max-width: 1236px; display: block; } } .subscriptionsContent { max-width: 38.35rem; margin: 0 1rem; position: relative; z-index: 1; } @media only screen and (min-width: 728px) { .subscriptionsContent { margin: 0 auto; } } .subscriptionsPanel, .subscriptionsAlert { background: #fff; -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.16); padding: 40px 1rem 35px 1rem; margin-bottom: 1.2rem; } @media only screen and (max-width: 727px) { .subscriptionsPanel, .subscriptionsAlert { padding: 25px 20px; } } .subscriptionsPanel h2, .subscriptionsAlert h2 { margin-bottom: 16px; font-size: 26px; font-weight: 600; } @media only screen and (max-width: 727px) { .subscriptionsPanel h2, .subscriptionsAlert h2 { font-size: 20px; margin-bottom: 1rem; } } .subscriptionsPanel h3, .subscriptionsAlert h3 { font-size: 1.1rem; margin-bottom: 5px; } @media only screen and (max-width: 727px) { .subscriptionsPanel h3, .subscriptionsAlert h3 { font-size: 16px; } } .subscriptionsPanel p, .subscriptionsAlert p { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 16px; color: #4a4a4a; } @media only screen and (max-width: 727px) { .subscriptionsPanel p, .subscriptionsAlert p { font-size: 14px; } } .subscriptionsPanel p a, .subscriptionsAlert p a { color: #0072bc; } @media only screen and (max-width: 727px) { .subscriptionsPanel .feature-lists, .subscriptionsAlert .feature-lists { width: 280px; margin: 0 auto; } } .subscriptionsPanel ul > li, .subscriptionsAlert ul > li { color: #404040; margin-bottom: 0.7rem; } .subscriptionsPanel ul > li a, .subscriptionsAlert ul > li a { color: #0072bc; } @media only screen and (max-width: 727px) { .subscriptionsPanel .subscription-card__pricing li, .subscriptionsAlert .subscription-card__pricing li { margin-bottom: 0; } } @media only screen and (max-width: 727px) { .manage-account-btn { margin-top: 5px; margin-bottom: 20px !important; } } .manage-subscription-text { margin-bottom: 0; } .subscriptionsPanel--hero h2 { margin-bottom: 0.25rem; } @media only screen and (min-width: 728px) { .subscriptionsPanel--hero { padding: 1rem 4rem; } } .subscriptionsPanel--center { text-align: center; } .subscriptionsPanel__content { max-width: 18.75rem; margin: 0 auto; } .subscriptionsPanel__logo { display: inline-block; margin-bottom: 1rem; } @media only screen and (max-width: 727px) { .subscriptionsPanel__logo { width: 155px; height: 24px; margin-bottom: 1rem; } } @media only screen and (min-width: 728px) { .subscriptionsPanel__logo { width: 244px; height: 38px; } } .c-subscriptions-panel-premium__logo { display: inline-block; } @media only screen and (max-width: 727px) { .c-subscriptions-panel-premium__logo { width: 155px; height: 24px; } } @media only screen and (min-width: 728px) { .c-subscriptions-panel-premium__logo { width: 244px; height: 30px; } } .subscriptionsPanel__banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin-bottom: 1rem; } .subscriptionsPanel__banner img { -ms-flex-item-align: center; align-self: center; margin-bottom: 1rem; } .subscriptionsPanel__banner ul { display: inline-block; padding-left: 2rem; } @media only screen and (min-width: 728px) { .subscriptionsPanel__banner { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subscriptionsPanel__banner ul { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; padding-left: 3rem; } } .subscriptionsPanel__button { margin: 0px; } @media only screen and (min-width: 728px) { .subscriptionsPanel__button { height: 44px; padding-top: 12px; font-size: 16px; font-weight: bold; } } @media only screen and (max-width: 727px) { .subscriptionsPanel__button { height: 44px; padding-top: 12px; font-size: 16px; font-weight: bold; margin-bottom: 0; width: 235px; } } .subscriptionsPanel__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .subscriptionsPanel__links ul { padding: 0; margin-bottom: 0; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } @media only screen and (min-width: 728px) { .subscriptionsPanel__links { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .subscriptionsCards { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } @media only screen and (min-width: 728px) { .subscriptionsCards { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .subscriptionsCards > div { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-right: 1rem; } .subscriptionsCards > div:last-child { margin-right: 0; } } .subscriptionsList { list-style: none; width: 380px; margin: 0 auto; } @media only screen and (max-width: 727px) { .subscriptionsList { width: 100%; } } .subscriptionsList > li { display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center !important; font-size: 16px !important; } @media only screen and (max-width: 727px) { .subscriptionsList > li { font-size: 14px !important; } } .subscriptionsList .subscriptions-check-icon { margin-top: 5px; } .basicSubscriptionList > li:last-child { border-bottom: solid 1px #dddddd; padding-bottom: 50px; } .subscriptionsLegal { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.8rem; text-align: center; margin-bottom: 0px; } @media only screen and (max-width: 727px) { .subscriptionsLegal { font-size: 0.9rem; margin-bottom: 15px; margin-top: 15px; width: 315px; } } .subscriptionsAlert { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .subscriptionSocialLinks { list-style: none; margin: 0; } .subscriptionSocialLinks > li { display: inline-block; margin-right: 0.5rem; } .subscriptionSocialLinks > li a { display: inline-block; } .helpBar { text-align: center; font-size: 14px; background: #fff; padding: 20px 0; color: #404040; } @media only screen and (max-width: 727px) { .helpBar { text-align: center; font-size: 14px; margin: 0 20px; } .helpBar br { display: none; } } .moreless_arrow { font-size: 10px; top: -1px; position: relative; } .ribbon { position: absolute; right: -7px; top: -9px; z-index: 1; overflow: hidden; width: 80px; height: 80px; text-align: right; } .ribbon span { font-size: 12px; color: #000; text-align: center; line-height: 25px; -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform: rotate(45deg); width: 100px; display: block; background: #f8e71c; -webkit-box-shadow: 0 3px 10px -5px black; box-shadow: 0 3px 10px -5px black; position: absolute; top: 19px; right: -21px; } .ribbon span::before { content: ''; position: absolute; left: 0px; top: 100%; z-index: -1; border-left: 3px solid #f8e71c; border-right: 3px solid transparent; border-bottom: 3px solid transparent; border-top: 3px solid #f8e71c; } .ribbon span::after { content: ''; position: absolute; right: 0px; top: 100%; z-index: -1; border-left: 3px solid transparent; border-right: 3px solid #f8e71c; border-bottom: 3px solid transparent; border-top: 3px solid #f8e71c; } .subscriptionBenefits { margin-top: -20px; } .subscriptionAccess_p { width: 450px; margin: 0 auto; margin-bottom: 20px; } @media only screen and (max-width: 727px) { .subscriptionAccess_p { width: 100%; } } .subscriptionAccess_p:last-child { margin-top: 30px; } .complimentarydigitalaccess { margin-top: 15px; } .subscriptionBasicBenefits_collapsed { margin-bottom: 43px; } .subscriptionPremiumBenefits_collapsed { margin-bottom: 0; } @media only screen and (min-width: 728px) { .subscriptionPremiumBenefits_collapsed { min-height: 173px; } } .subscriptionBasicBenefits_expanded, .subscriptionPremiumBenefits_expanded { margin-bottom: 17px; } .subscriptionTotalAccess_p { margin-top: 22px; margin-bottom: 0; } .subscription-card__heading { font-size: 24px; } .starLogo-wrap img, .wsjLogo-wrap img { display: block; max-width: 60%; margin: 0 auto; } .wsjLogo-wrap img { margin-top: -5px; margin-bottom: 5px; max-height: 40px; } @media only screen and (min-width: 1086px) { .subscriptionsPanel-header { height: 127px; overflow-y: hidden; margin-bottom: 30px; } .wsjLogo-wrap img { margin-top: -10px; margin-bottom: 10px; } } @media only screen and (max-width: 727px) { .subscriptionSmallScn { width: 90%; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .button, .subscribersFormSubmit { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: normal; position: relative; display: inline-block; margin: 0 0 1.25rem; padding: 0.5rem 2rem 0.5625rem; text-align: center; text-decoration: none; color: #fff; border: 0; border-radius: 5px; background-color: #0062a1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media only screen and (max-width: 727px) { .button, .subscribersFormSubmit { font-size: 0.8125rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button, .subscribersFormSubmit { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { .button, .subscribersFormSubmit { font-size: 1.125rem; } } .button:hover, .subscribersFormSubmit:hover, .button:focus, .subscribersFormSubmit:focus { color: #ffffff; background-color: #0072bc; } button[disabled].button, button.subscribersFormSubmit[disabled] { background: #0072bc; } button[disabled].button:hover, button.subscribersFormSubmit[disabled]:hover, button[disabled].button:focus, button.subscribersFormSubmit[disabled]:focus { color: #fff; background-color: #0072bc; } .button--large, .subscribersFormSubmit { padding: 0.875rem 3.5rem 0.9375rem; } @media only screen and (max-width: 727px) { .button--large, .subscribersFormSubmit { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button--large, .subscribersFormSubmit { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { .button--large, .subscribersFormSubmit { font-size: 1.375rem; } } .button--secondary { background-color: #ffffff; border: 1px solid #0072bc; color: #0072bc; } .subscribersForm { padding: 0 1.25rem; margin-bottom: 5px; padding-top: 30px; } .subscribersForm form { margin-top: 30px; } .subscribersForm h2 { font-size: 1.35rem; padding-top: 10px; padding-bottom: 10px; } .subscribersForm p { text-align: left; font-size: 16px; color: #4d4d4d; } .subscribersForm .errMsg { color: red; } .subscribersForm .subscribersFormError { text-align: center; padding-bottom: 10px; } .subscribersForm label { display: block; text-align: left; cursor: auto; width: 450px; margin: 0 auto 0.5rem; } @media only screen and (max-width: 727px) { .subscribersForm label input { font-size: 14px; } } .subscribersForm label .errMsg { line-height: 1; font-size: 0.7rem; } .subscribersForm .checkbox-label { padding-top: 10px; font-size: 11px; text-align: center; } .subscribersForm .checkbox-label input { height: auto; } .subscribersForm span { padding-left: 5px; } @media only screen and (max-width: 727px) { .subscribersForm label { width: calc(100% - 20px); font-size: 14px; } .subscribersForm .checkbox-label { width: 100%; line-height: 10px; padding: 10px 0; } } @media only screen and (min-width: 728px) { .subscribersForm { padding: 30px 124px 0 124px; } } button[disabled] { cursor: default; } .subscribersLegal { text-align: center; font-size: 13px; color: #404040; line-height: 1.7; padding-bottom: 20px; } .subscribersFormSubmit { width: 370px; height: 44px; display: block; background: #0072bc; margin: 0 auto; font-size: 14px; padding: 0; font-weight: 600; margin-top: 20px; margin-bottom: 30px; } .subscribersFormSubmit:disabled { background: #ccc; } @media only screen and (max-width: 727px) { .subscribersFormSubmit { width: calc(100% - 20px); } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .button, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: normal; position: relative; display: inline-block; margin: 0 0 1.25rem; padding: 0.5rem 2rem 0.5625rem; text-align: center; text-decoration: none; color: #fff; border: 0; border-radius: 5px; background-color: #0062a1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media only screen and (max-width: 727px) { .button, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { font-size: 0.8125rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { .button, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { font-size: 1.125rem; } } .button:hover, .subscribersFormSubmit:hover, .subscriptionStudentSuccessHero a:hover, .button:focus, .subscribersFormSubmit:focus, .subscriptionStudentSuccessHero a:focus { color: #ffffff; background-color: #0072bc; } button[disabled].button, button.subscribersFormSubmit[disabled] { background: #0072bc; } button[disabled].button:hover, button.subscribersFormSubmit[disabled]:hover, button[disabled].button:focus, button.subscribersFormSubmit[disabled]:focus { color: #fff; background-color: #0072bc; } .button--large, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { padding: 0.875rem 3.5rem 0.9375rem; } @media only screen and (max-width: 727px) { .button--large, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button--large, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { .button--large, .subscribersFormSubmit, .subscriptionStudentSuccessHero a { font-size: 1.375rem; } } .button--secondary { background-color: #ffffff; border: 1px solid #0072bc; color: #0072bc; } .subscribersStudentForm { padding: 30px; margin: -90px auto 20px; width: calc(100% - 60px); } .subscribersStudentForm p { text-align: left; font-size: 16px; color: #4d4d4d; } .subscribersStudentForm .subscribersFormError { font-size: 20px; text-align: center; padding-bottom: 10px; color: red; } .subscribersStudentForm .subscribersFormErrorImg { width: 24px; margin: auto; padding-right: 5px; } .subscribersStudentForm .groupSubscriptionlabel { display: block; text-align: left; font-size: 15px; } .subscribersStudentForm .groupCheckBox { display: table-row; } .subscribersStudentForm .checkbox-label { padding-top: 10px; font-size: 11px; text-align: left; display: table-cell; } .subscribersStudentForm .checkbox-label input { height: auto; } @media only screen and (max-width: 727px) { .subscribersStudentForm { width: calc(100% - 30px); padding: 10px; } .subscribersStudentForm .checkbox-label { width: 100%; line-height: 10px; padding: 10px 0; } .subscribersStudentForm .subscribersFormError { font-size: 15px; text-align: left; margin: 30px 0; } } @media only screen and (min-width: 728px) { .subscribersStudentForm { padding: 30px 20px 0 20px; } } .subscribersStudentForm .errMsg { font-size: 16px; text-align: left; padding-bottom: 10px; color: red; } @media only screen and (max-width: 727px) { .subscribersStudentForm .errMsg { font-size: 12px; } } button[disabled] { cursor: default; } .subscribersLegal { font-size: 13px; color: #404040; line-height: 1.7; padding-bottom: 20px; } @media only screen and (max-width: 727px) { .subscribersLegal { text-align: left; } } .subscribersFormSubmit { width: 370px; height: 44px; display: block; background: #0072bc; margin: 0 auto; font-size: 14px; padding: 0; font-weight: 600; margin-top: 20px; margin-bottom: 30px; } .subscribersFormSubmit:disabled { background: #ccc; } .subscribersSignOut { padding-bottom: 60px; } @media only screen and (max-width: 727px) { .subscribersFormSubmit { width: calc(100% - 10px); text-align: center; } } .subscriptionStudentSuccessHero { background-repeat: no-repeat; background-size: cover; padding: 1rem 2rem; margin-bottom: 1rem; min-height: 360px; text-align: center; } .subscriptionStudentSuccessHero h1 { color: #fff; font-size: 1.8rem; } @media only screen and (max-width: 727px) { .subscriptionStudentSuccessHero h1 { margin-top: 20px; } } .subscriptionStudentSuccessHero p { color: #fff; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; margin-bottom: 2rem; } @media only screen and (max-width: 727px) { .subscriptionStudentSuccessHero p { font-size: 15px; margin: 15px 0; } } .subscriptionStudentSuccessHero p.sign-in-again { width: 400px; font-style: italic; font-size: 20px; color: #d8dd1e; } @media only screen and (max-width: 727px) { .subscriptionStudentSuccessHero p.sign-in-again { font-size: 14px; width: 290px; } } .subscriptionStudentSuccessHero a { width: 315px; height: 44px; font-size: 16px; font-weight: bold; padding-top: 12px; background-color: #0072bc; } @media only screen and (max-width: 727px) { .subscriptionStudentSuccessHero a { width: 290px; } } @media only screen and (max-width: 727px) { .subscriptionStudentSuccessHero { background-image: url(/static/assets/hero_image_mobile_375x310.png?v=ba589753); } } @media only screen and (min-width: 728px) { .subscriptionStudentSuccessHero { height: 380px; background-image: url(/static/assets/hero_image_desktop_1236x525.png?v=d070848b); min-height: 290px; padding: 3rem; } .subscriptionStudentSuccessHero p { width: 70%; margin-left: auto; margin-right: auto; } } .form-section { display: grid; grid-template-columns: repeat(2, 1fr); margin: 20px; } @media only screen and (max-width: 727px) { .form-section { grid-template-columns: 1fr; } } .student-form { padding-top: 20px; } .student-form select, .student-form input[type='text'] { width: 200px; } .student-form input[type='checkbox'] { width: 20px; } .form-bg-image { padding-top: 30px; width: 460px; height: auto; } @media only screen and (max-width: 727px) { .form-bg-image { display: none; } } .form-button { grid-column: 1 / 3; justify-items: center; } @media only screen and (max-width: 727px) { .form-button { grid-column: 1; margin: 0; justify-items: center; } } .error-section { display: grid; font-size: 20px; grid-template-columns: 1fr 1fr; text-align: center; padding: 50px; } @media only screen and (max-width: 727px) { .error-section { grid-template-columns: 1fr; font-size: 16px; text-align: left; margin: 20px; padding: 0; } } .error-section-item { font-size: 16px; text-align: left; } @media only screen and (max-width: 727px) { .error-section-item { font-size: 12px; } } .item-align-right { text-align: right; padding-right: 30px; } @media only screen and (max-width: 727px) { .item-align-right { text-align: left; font-size: 12px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-header-secondary { display: block; padding: 10px 0; max-width: 1176px; margin: 0 auto; } .o-header-secondary-logo { display: block; height: 40px; margin: 0 auto; text-align: center; } .o-header-secondary-logo img { height: 100%; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-header-secondary { padding: 20px 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-ssrn-content { padding: 20px 12px; } .o-ssrn-content-paragraph1 { font-size: 22px; font-weight: bold; text-align: center; line-height: normal; color: #000000; margin-top: 0; margin-bottom: 0; } .o-ssrn-content-paragraph2 { font-size: 14px; font-weight: bold; text-align: center; margin: 12px 0; color: #000000; } .o-ssrn-content-paragraph3 { font-size: 12px; text-align: center; color: #737373; } @media only screen and (min-width: 375px) { .o-ssrn-content { padding: 28px 16px; } .o-ssrn-content-paragraph3 { font-size: 14px; } } @media only screen and (min-width: 768px) { .o-ssrn-content { padding: 28px 24px; } .o-ssrn-content-paragraph1 { font-size: 24px; font-weight: bold; text-align: center; } .o-ssrn-content-paragraph2 { font-size: 16px; font-weight: bold; text-align: center; margin: 16px 0; } .o-ssrn-content-paragraph3 { font-size: 14px; text-align: center; } } @media only screen and (min-width: 1440px) { .o-ssrn-content { padding: 44px 36px; } .o-ssrn-content-paragraph1 { font-size: 30px; font-weight: bold; text-align: center; } .o-ssrn-content-paragraph2 { margin: 20px 0 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-sssc-content { padding: 20px 12px; } .o-sssc-content-paragraph1 { font-size: 22px; font-weight: bold; text-align: center; line-height: normal; color: #000000; margin-top: 0; margin-bottom: 16px; } .o-sssc-content-paragraph2 { font-size: 12px; text-align: center; color: #737373; } @media only screen and (min-width: 375px) { .o-sssc-content { padding: 28px 16px; } .o-sssc-content-paragraph2 { font-size: 14px; } } @media only screen and (min-width: 768px) { .o-sssc-content { padding: 28px 24px; } .o-sssc-content-paragraph1 { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 20px; } .o-sssc-content-paragraph2 { font-size: 14px; text-align: center; } } @media only screen and (min-width: 1440px) { .o-sssc-content { padding: 44px 36px; } .o-sssc-content-paragraph1 { font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 32px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .input-container { position: relative; width: 100%; } .input-container__label { font-size: 16px; line-height: 20px; color: #222222; margin-bottom: 8px; margin-left: -12px; } .input-container__label .field-require { line-height: 20px; font-size: 12px; vertical-align: bottom; color: #222222; } .input-container__field-icon { position: absolute; right: 8px; top: 38px; font-size: 24px; } .input-container__message { min-height: 18px; font-size: 12px; color: #737373; line-height: 18px; margin: 8px 0; } .input-container__message--error { color: #ff3535; } @media only screen and (max-width: 727px) { .input-container__field-icon { left: calc(100% - 30px); } } .input-container input[type='text'], .input-container input[type='password'], .input-container input[type='email'] { margin: 0px; background: #fafafa; border: 1px solid #ccc; border-radius: 3px; height: 44px; font-size: 16px; } .input-container input[type='text'].error, .input-container input[type='password'].error, .input-container input[type='email'].error { border: 1px solid #ff3535; } @media only screen and (max-width: 727px) { .input-container input[type='text'], .input-container input[type='password'], .input-container input[type='email'] { margin-left: 0px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .content-form__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } .content-form__column { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; margin-left: 36px; } .content-form__column:first-child { margin-left: 0; } .content-form__button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 16px 0 24px; } .content-form__button button { margin: 0; height: 50px; width: 500px; max-width: 100%; color: #fff; font-size: 16px; background-color: #0072bc; border-radius: 5px; } .content-form__button button[disabled] { background-color: #ccc; cursor: default; } .content-form__button button[disabled]:hover, .content-form__button button[disabled]:focus { background-color: #ccc; } .content-form__text { font-size: 12px; color: #737373; line-height: 18px; margin-bottom: 10px; } @media only screen and (max-width: 727px) { .content-form .content-form__row { display: block; } .content-form .content-form__column { margin-left: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-sscp-container { padding: 28px 12px; } .c-sscp-container .content-form__button button[type='submit'] { margin-right: 10px; font-weight: bold; } .c-sscp-container--thestar .content-form__button button[type='submit'] { background-color: #0072bc; } .c-sscp-container--therecord .content-form__button button[type='submit'] { background-color: #c51e24; } .c-sscp-container--thespec .content-form__button button[type='submit'] { background-color: #007ac2; } .c-sscp-header { margin-bottom: 16px; } .c-sscp-paragraph1 { font-size: 22px; font-weight: bold; text-align: center; color: #222222; } .c-sscp-paragraph2 { font-size: 14px; font-weight: bold; text-align: center; color: #222222; margin-top: 12px; margin-bottom: 12px; } .c-sscp-paragraph3 { font-size: 12px; text-align: center; color: #737373; } .c-sscp-form { padding-left: 10px; } .c-sscp-form .input-container input { color: #666666; } .c-sscp-form .input-container__message { font-size: 11px; line-height: 1.64; } .c-sscp-form .content-form__condition .content-form__text:last-of-type { margin-bottom: 0; } @media only screen and (min-width: 375px) { .c-sscp-paragraph2 { font-size: 16px; margin-top: 16px; margin-bottom: 12px; } .c-sscp-paragraph3 { font-size: 14px; } } @media only screen and (min-width: 768px) { .c-sscp-container .content-form__button button[type='submit'] { margin-right: initial; max-width: 330px; } .c-sscp-paragraph1 { font-size: 24px; } .c-sscp-header { margin-bottom: 28px; } .c-sscp-form { padding-left: 40px; padding-right: 30px; } .c-sscp-form .input-container__message { font-size: 11px; } } @media only screen and (min-width: 1440px) { .c-sscp-container { padding: 44px 36px; } .c-sscp-paragraph1 { font-size: 30px; } .c-sscp-paragraph2 { font-size: 18px; margin-top: 20px; margin-bottom: 16px; } .c-sscp-header { margin-bottom: 36px; } .c-sscp-form { padding-left: 100px; padding-right: 90px; } } .c-sign-in-widget__field-label { cursor: default; } .c-sign-in-widget__field--invalid[type='email'], .c-sign-in-widget__field--invalid[type='password'] { border-color: #ff3535; background-image: url("/assets/img/error.png"); background-repeat: no-repeat; background-position: center right 8px; -webkit-transition: none; -o-transition: none; transition: none; padding-right: 30px; } .c-sign-in-widget__field-error-message { color: #ff3535; font-size: 12px; font-family: 'Roboto', Sans Helvetica, Arial, sans-serif; position: relative; top: -10px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-sign-in-widget__submit-button { font-family: system-ui; font-weight: normal; display: block; padding: 16px 0; margin-bottom: 0; width: 100%; border-radius: 3px; } .c-sign-in-widget__submit-button--therecord { background-color: #c51e24; } .c-sign-in-widget__submit-button--therecord:hover, .c-sign-in-widget__submit-button--therecord:active, .c-sign-in-widget__submit-button--therecord:focus { background-color: #c51e24; } .c-sign-in-widget__submit-button--therecord[disabled], .c-sign-in-widget__submit-button--therecord[disabled]:hover { background-color: #c51e24; opacity: 0.65; } .c-sign-in-widget__submit-button--thespec { background-color: #007ac2; } .c-sign-in-widget__submit-button--thespec:hover, .c-sign-in-widget__submit-button--thespec:active, .c-sign-in-widget__submit-button--thespec:focus { background-color: #0e62a2; } .c-sign-in-widget__submit-button--thespec[disabled], .c-sign-in-widget__submit-button--thespec[disabled]:hover { background-color: #007ac2; opacity: 0.65; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-sign-in-widget__sso-button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 10px; font-family: system-ui; width: 90%; margin: 10px auto; border: 1px solid #ccc; border-radius: 5px; cursor: pointer; white-space: nowrap; overflow: hidden; color: #0062a1; background-color: #e3e3e3; background-image: -webkit-linear-gradient(bottom, #eee, #fff); } .c-sign-in-widget__sso-button:hover, .c-sign-in-widget__sso-button:active { color: #0062a1; background-color: #e3e3e3; background-image: none; } .c-sign-in-widget__sso-button:focus { color: #0062a1; } @media only screen and (min-width: 728px) { .c-sign-in-widget__sso-button { width: 100%; } } .c-sign-in-widget__sso-button-image { margin-right: 10px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media only screen and (min-width: 728px) { .c-sign-in-widget { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (min-width: 728px) { .c-sign-in-widget__form { width: 50%; padding-right: 20px; border-right: 1px solid #f8f8f8; } } .c-sign-in-widget__forgot-password-link { display: block; margin-bottom: 10px; font-family: system-ui; font-size: 12px; text-align: center; } .c-sign-in-widget__form-status { font-size: 13px; font-family: 'Roboto', Sans Helvetica, Arial, sans-serif; position: relative; margin-top: 5px; text-align: center; } .c-sign-in-widget__form-status--error { color: #ff3535; } @media only screen and (min-width: 728px) { .c-sign-in-widget__secondary-actions { width: 50%; padding-left: 20px; } } .c-sign-in-widget__sso-provider-list { margin: 0; margin-top: 55px; list-style: none; margin-bottom: 25px; } @media only screen and (min-width: 728px) { .c-sign-in-widget__sso-provider-list { margin-top: 20px; } } .c-sign-in-widget__create-account-button { font-family: system-ui; font-weight: normal; display: block; font-size: 16px; padding: 12px 0; margin: 0 auto; width: 90%; border-radius: 3px; border: 1px solid #0062a1; text-align: center; } @media only screen and (min-width: 728px) { .c-sign-in-widget__create-account-button { width: 100%; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .subscription-success-sign-in { padding: 20px 12px; } @media only screen and (min-width: 375px) { .subscription-success-sign-in { padding: 28px 12px; } } @media only screen and (min-width: 768px) { .subscription-success-sign-in { padding: 28px 24px; } } @media only screen and (min-width: 1440px) { .subscription-success-sign-in { padding: 44px 88px; } } .subscription-success-sign-in .subscription-success-sign-in__heading { text-align: center; padding-bottom: 25px; border-bottom: 1px solid #f8f8f8; margin-bottom: 15px; font-size: 14px; font-weight: bold; letter-spacing: normal; line-height: normal; font-stretch: normal; color: #222222; } @media only screen and (min-width: 375px) { .subscription-success-sign-in .subscription-success-sign-in__heading { font-size: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .subscription-success-next-step .o-ssns-content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .subscription-success-next-step .c-ssns-paragraph1 { font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; } .subscription-success-next-step .c-ssns-button { font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.2px; font-weight: bold; border-radius: 5px; height: 48px; padding: 0; } .subscription-success-next-step .c-ssns-button--thestar { background-color: #0072bc; } .subscription-success-next-step .c-ssns-button--therecord { background-color: #c51e24; } .subscription-success-next-step .c-ssns-button--thespec { background-color: #007ac2; } @media only screen and (min-width: 320px) and (max-width: 374px) { .subscription-success-next-step .o-ssns-content { padding: 11px; } .subscription-success-next-step .c-ssns-paragraph1 { font-size: 22px; padding: 17px 0 20px 0; } .subscription-success-next-step .c-ssns-button { font-size: 16px; width: 260px; margin: 0 0 17px 0; } } @media only screen and (min-width: 375px) and (max-width: 767px) { .subscription-success-next-step .o-ssns-content { padding: 12px; } .subscription-success-next-step .c-ssns-paragraph1 { font-size: 22px; padding: 16px 0 20px 0; } .subscription-success-next-step .c-ssns-button { font-size: 16px; width: 315px; margin: 0 0 16px 0; } } @media only screen and (min-width: 768px) and (max-width: 1439px) { .subscription-success-next-step .o-ssns-content { padding: 20px; } .subscription-success-next-step .c-ssns-paragraph1 { font-size: 24px; padding: 8px 0 20px 0; } .subscription-success-next-step .c-ssns-button { font-size: 16px; width: 330px; margin: 0 0 8px 0; } } @media only screen and (min-width: 1440px) { .subscription-success-next-step .o-ssns-content { padding: 4px; } .subscription-success-next-step .c-ssns-paragraph1 { font-size: 30px; padding: 32px; } .subscription-success-next-step .c-ssns-button { font-size: 16px; width: 330px; margin: 0 0 40px 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-contact-us-dropdown-button { padding: 18px; cursor: pointer; position: relative; } .o-contact-us-dropdown-button:focus { outline: none; } .c-contact-us-dropdown-button-text { display: inline-block; color: #2f2f2f; font-size: 16px; line-height: 1.45; } .o-contact-us-dropdown-button-icon { position: absolute; right: 10px; top: 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .o-contact-us-dropdown-button-icon .c-material-icon { font-size: 36px; color: #c2c2c2; } .c-contact-us-dropdown-content { padding: 18px; border-top: 1px solid #cccccc; color: #666666; font-size: 12px; line-height: 1.5; } .c-contact-us-dropdown-content--thestar a { color: #0072bc; } .c-contact-us-dropdown-content--therecord a { color: #c51e24; } .c-contact-us-dropdown-content--thespec a { color: #007ac2; } .c-contact-us-dropdown-content__container { position: relative; } .c-contact-us-dropdown-content__loading-wrapper { position: absolute; background-color: #ffffff; top: 0; bottom: 0; left: 0; right: 0; } @media only screen and (min-width: 1440px) { .o-contact-us-dropdown-button { padding: 18px 24px; } .o-contact-us-dropdown-button-icon { right: 16px; } .c-contact-us-dropdown-content { padding: 18px 24px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .subscription-success { min-height: 100vh; background-color: #f8f8f8; } .o-subscription-success-main { padding-bottom: 42px; } .o-subscription-success-component { border-radius: 5px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.15); background-color: #ffffff; margin-left: 12px; margin-right: 12px; } .o-subscription-success-component--middle { margin-top: 16px; margin-bottom: 24px; } @media only screen and (min-width: 481px) { .o-subscription-success-component { margin-left: 64px; margin-right: 64px; } .o-subscription-success-component--middle { margin-top: 24px; margin-bottom: 48px; } } @media only screen and (min-width: 1025px) { .o-subscription-success-component { max-width: 900px; margin-left: auto; margin-right: auto; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-rsb-content { padding: 28px 18px 36px; } .o-rsb-content .o-rsb-content-container { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .o-rsb-content .c-rsb__head1 { color: #222222; font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; margin-bottom: 16px; margin-top: 0; } .o-rsb-content .c-rsb__head2 { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #222222; margin-bottom: 12px; } .o-rsb-content .c-rsb__head3 { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #737373; margin-bottom: 28px; } .o-rsb-content .c-rsb__button { height: 48px; border-radius: 5px; background-color: #0072bc; font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.2px; text-align: center; color: #ffffff; width: 100%; padding: 0; margin-bottom: 0; } .o-rsb-content .c-rsb__button--thestar { background-color: #0072bc; } .o-rsb-content .c-rsb__button--therecord { background-color: #c51e24; } .o-rsb-content .c-rsb__button--thespec { background-color: #007ac2; } .o-rsb-content .o-rsb-content-loading-wrapper { position: absolute; background-color: #ffffff; top: 0; bottom: 0; left: 0; right: 0; } @media only screen and (min-width: 768px) { .o-rsb-content { padding: 28px 20px 36px; } .o-rsb-content .c-rsb__head1 { font-size: 24px; } .o-rsb-content .c-rsb__head2 { font-size: 16px; } .o-rsb-content .c-rsb__head3 { font-size: 14px; } .o-rsb-content .c-rsb__button { width: 330px; margin: 0 auto; } } @media only screen and (min-width: 1440px) { .o-rsb-content { padding: 44px 36px; } .o-rsb-content .c-rsb__head1 { font-size: 30px; margin-bottom: 20px; } .o-rsb-content .c-rsb__head2 { font-size: 18px; margin-bottom: 16px; } .o-rsb-content .c-rsb__head3 { font-size: 14px; margin-bottom: 32px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-registration-success-daps { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .c-registration-success-daps__p1 { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 28px 12px 0 12px; } .c-registration-success-daps__p1--thestar { color: #000; } .c-registration-success-daps__p1--therecord { color: #000; } .c-registration-success-daps__p1--thespec { color: #000; } .c-registration-success-daps__p2 { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 28px 12px; } .c-registration-success-daps__p2--thestar { color: #737373; } .c-registration-success-daps__p2--therecord { color: #737373; } .c-registration-success-daps__p2--thespec { color: #737373; } .c-registration-success-daps__button { font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.2px; font-weight: bold; width: 315px; height: 48px; padding: 0; margin: 28px 0 0 0; border-radius: 5px; border: solid 2px; } .c-registration-success-daps__button--thestar { border-color: #0072bc; color: #0072bc; background-color: #fff; } .c-registration-success-daps__button--thestar:hover { color: #fff; background-color: #0072bc; } .c-registration-success-daps__button--therecord { border-color: #c51e24; color: #c51e24; background-color: #fff; } .c-registration-success-daps__button--therecord:hover { color: #fff; background-color: #c51e24; } .c-registration-success-daps__button--thespec { border-color: #007ac2; color: #007ac2; background-color: #fff; } .c-registration-success-daps__button--thespec:hover { color: #fff; background-color: #007ac2; } .c-registration-success-daps__loading-wrapper { position: absolute; background-color: #ffffff; top: 0; bottom: 0; left: 0; right: 0; padding: 28px 18px; } @media only screen and (min-width: 768px) { .c-registration-success-daps__p1 { font-size: 31px; } .c-registration-success-daps__p2 { font-size: 14px; } .c-registration-success-daps__button { font-size: 16px; } } @media only screen and (min-width: 1440px) { .c-registration-success-daps__p1 { font-size: 30px; } .c-registration-success-daps__p2 { font-size: 14px; } .c-registration-success-daps__button { font-size: 16px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .registration-success { min-height: 100vh; background-color: #f8f8f8; } .o-registration-success-main { padding-bottom: 42px; } .o-registration-success-component { border-radius: 5px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.15); background-color: #ffffff; margin-left: 12px; margin-right: 12px; margin-bottom: 24px; } .o-registration-success-component--middle { margin-top: 20px; } @media only screen and (min-width: 481px) { .o-registration-success-component { margin-left: 64px; margin-right: 64px; } .o-registration-success-component--middle { margin-top: 24px; margin-bottom: 48px; } } @media only screen and (min-width: 1025px) { .o-registration-success-component { max-width: 900px; margin-left: auto; margin-right: auto; } } .c-tooltip__content { background-color: #404040; color: white; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 10px; font-size: 12px; border-radius: 3px; line-height: 1.6em; } .c-tooltip { position: absolute; width: 300px; pointer-events: none; } .c-tooltip::before { content: ''; display: block; width: 0; height: 0; border-style: solid; position: absolute; margin: auto; border-width: 10px; border-color: transparent; } .c-tooltip--top::before { bottom: calc(10px * -2); left: 0; right: 0; border-top-color: #404040; } .c-tooltip--right::before { left: calc(10px * -2); top: 0; bottom: 0; border-right-color: #404040; } .c-tooltip--bottom::before { top: calc(10px * -2); left: 0; right: 0; border-bottom-color: #404040; } .c-tooltip--left::before { right: calc(10px * -2); top: 0; bottom: 0; border-left-color: #404040; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-sign-in-page { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .o-sign-in-page .o-header-secondary { margin: 15px 0; } @media only screen and (min-width: 728px) { .o-sign-in-page .o-header-secondary { margin: 20px 0; } } @media only screen and (min-width: 1086px) { .o-sign-in-page .o-header-secondary { margin: 40px 0; } } .o-sign-in-page__container { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; width: 710px; max-width: 90%; } .o-sign-in-page__heading { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid #eee; margin-bottom: 20px; padding: 10px 0 20px 0; color: #222; font-size: 16px; font-weight: 600; line-height: 17px; position: relative; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 728px) { .o-sign-in-page__heading { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .o-sign-in-page__heading .o-sign-in-page__help-icon { color: #404040; font-size: 18px; margin-left: 7px; margin-top: -1px; cursor: default; display: none; } @media only screen and (min-width: 728px) { .o-sign-in-page__heading .o-sign-in-page__help-icon { display: block; } } .o-sign-in-page__tooltip { left: 158px; top: 50px; display: none; } @media only screen and (min-width: 728px) { .o-sign-in-page__tooltip { display: block; } } .o-sign-in-page__footer { font-family: Roboto, 'Sans Helvetica', Arial, sans-serif; font-size: 12px; padding: 35px 0 15px 0; text-align: center; } .o-sign-in-page__help-link { display: block; margin-top: 20px; margin-bottom: 20px; font-family: Roboto, 'Sans Helvetica', Arial, sans-serif; font-size: 14px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-card { position: relative; display: inline-block; margin: 0.7rem 1.4rem; padding: 0 50px 0 85px; border-bottom: 1px solid #e6e6e6; width: 40%; min-height: 120px; vertical-align: bottom; } @media only screen and (max-width: 727px) { .newsletter-card { width: 90%; } } .newsletter-card .card-description { padding-top: 0.7rem; } .newsletter-card .card-description .staricon-caret-down { position: absolute; top: 37%; color: #0062a1; } @media only screen and (max-width: 727px) { .newsletter-card .card-description .staricon-caret-down { top: 32%; } } .newsletter-card .card-description .city { text-transform: capitalize; } .newsletter-card .card-description .b { display: block; } .newsletter-card .card-description .toggle { position: absolute; bottom: 70px; right: 11%; width: 50px; height: 30px; border-radius: 70px; background-color: #fff; margin: -20px -40px; overflow: hidden; -webkit-box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 2px 1px rgba(0, 0, 0, 0.05); } .newsletter-card .card-description .check { position: absolute; display: block; cursor: pointer; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; z-index: 6; } .newsletter-card .card-description .check:checked ~ .track { -webkit-box-shadow: inset 0 0 0 20px #64cdf5; box-shadow: inset 0 0 0 20px #64cdf5; } .newsletter-card .card-description .check:checked ~ .switch { right: 2px; left: 21px; -webkit-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition-property: left, right; -o-transition-property: left, right; transition-property: left, right; -webkit-transition-delay: 0.05s, 0s; -o-transition-delay: 0.05s, 0s; transition-delay: 0.05s, 0s; } .newsletter-card .card-description .switch { position: absolute; left: 2px; top: 2px; bottom: 2px; right: 21px; background-color: #fff; border-radius: 15px; z-index: 1; -webkit-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-transition-property: left, right; -o-transition-property: left, right; transition-property: left, right; -webkit-transition-delay: 0s, 0.05s; -o-transition-delay: 0s, 0.05s; transition-delay: 0s, 0.05s; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.7); } .newsletter-card .card-description .track { position: absolute; left: 0; top: 0; right: 0; bottom: 0; -webkit-transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); -o-transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); transition: 0.35s cubic-bezier(0.785, 0.135, 0.15, 0.86); -webkit-box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.05); border-radius: 40px; } .newsletter-card .thumbnail { position: absolute; left: 0; bottom: 30px; width: 78px; height: 78px; } .newsletter-card .list-name { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 700; font-size: 16px; color: #4d4d4d; } .newsletter-card .list-name.breaking, .newsletter-card .list-name.star3rdparty, .newsletter-card .list-name.movie { margin-top: 0; line-height: 18px; } .newsletter-card p { margin-bottom: 0; font-size: 14px; color: #737373; line-height: 20px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-group { margin: 2rem 1.4rem; } @media only screen and (max-width: 727px) { .newsletter-group { margin-left: 0; margin-right: 0; } } .selector { padding: 1rem 0 0.8rem; } .selector .selector-anchor { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 700; font-size: 14px; color: #0062a1; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .signup-form-field { margin-bottom: 30px; position: relative; } .signup-form-field .signup-form-field__label { font-size: 16px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .signup-form-field .signup-form-field__label { font-size: 14px; } } @media only screen and (max-width: 727px) { .signup-form-field .signup-form-field__label { font-size: 13px; } } .signup-form-field .signup-form-field__input { height: 42px; margin-bottom: 5px; padding: 6px 13px; color: #666; background-color: #fafafa; border-color: #d8d8d8; border-radius: 3px; } .signup-form-field .signup-form-field__input::-ms-clear { display: none; } .signup-form-field--postal { width: 45%; } .signup-form-field--postal .signup-form-field__input { text-transform: uppercase; } .signup-form-field__icon { position: absolute; right: 8px; top: 30px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .signup-form-field__icon { top: 27px; } } @media only screen and (max-width: 727px) { .signup-form-field__icon { top: 27px; } } .signup-form-field__error { font-size: 14px; color: #ff3535; } @media only screen and (max-width: 727px) { .signup-form-field__error { font-size: 13px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .signup-form-box .form-box { margin: 0 auto; width: 450px; border-radius: 8px; } @media only screen and (max-width: 727px) { .signup-form-box .form-box { width: 340px; } } .signup-form-box .form-box .field { margin: 0; } .signup-form-box .form-box .field:last-child { border: none; } .signup-form-box .legal-text { padding-top: 1rem; margin: 0 auto 2rem; text-align: left; color: gray; font-size: 0.85rem; float: none; } .signup-form-box .o-container-manage-button { margin: 0 auto; width: 175px; } .signup-checkbox { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 10px; margin-bottom: -10px; } .signup-checkbox .signup-checkbox__input { margin-right: 12px; } .signup-checkbox .signup-checkbox__text { color: #666; font-size: 1rem; line-height: 1.25; margin-top: -3px; } @media only screen and (max-width: 727px) { .signup-checkbox .signup-checkbox__text { font-size: 0.875rem; line-height: 19px; } } .signup-failed { display: block; text-align: center; font-size: 14px; color: #ff3535; margin-bottom: 30px; } .newsletter-subscription .form-button { background-color: #00548b; float: none; font-size: 1rem; line-height: 1.95em; margin-top: 0.75rem; padding-left: 1rem; padding-right: 1rem; font-weight: bold; width: 100%; } .newsletter-subscription .form-button:hover { background-color: #0062a1; } @media only screen and (max-width: 727px) { .newsletter-subscription .form-button { font-size: 0.875rem; } } .newsletter-subscription button[disabled].button { background-color: #498fbc; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .boldCap { text-transform: capitalize; font-weight: 600; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-subscription .separator { border-bottom: 1px solid #e6e6e6; } @media only screen and (max-width: 727px) { .newsletter-subscription .separator { border-bottom: 7px solid #e6e6e6; } } .newsletter-subscription .thank-you { margin-top: 1.5rem; } .newsletter-subscription .subscribe { text-align: center; } .newsletter-subscription .form-styles { padding-top: 1.5rem; } .newsletter-subscription .small-centered { margin-left: auto; margin-right: auto; } .newsletter-subscription .medium-9, .newsletter-subscription .medium-12 { padding-left: 1.25rem; padding-right: 1.25rem; } .newsletter-subscription .legalese { text-align: left; margin-top: 2.5rem; padding: 0 20px; } .newsletter-subscription .legalese .legal-text { color: gray; font-size: 0.85rem; margin-top: -0.5rem; margin-bottom: 1.5rem; } .newsletter-subscription .legalese .legal-text:last-of-type { margin-bottom: 3rem; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription .legalese .legal-text { font-size: 0.875rem; } } @media only screen and (max-width: 727px) { .newsletter-subscription .legalese .legal-text { font-size: 12px; line-height: 16px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription .legalese { padding: 0; } } @media only screen and (max-width: 727px) { .newsletter-subscription .legalese { margin-left: 20px; margin-right: 20px; padding: 0; } } .newsletter-subscription input[type='text'], .newsletter-subscription input[type='email'] { background-color: inherit; -webkit-box-shadow: none; box-shadow: none; } .newsletter-subscription .form-header { color: #737373; font-size: 22px; margin-bottom: 1.875rem; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription .form-header { font-size: 20px; margin: 0 -1.25rem 1.5rem; } } @media only screen and (max-width: 727px) { .newsletter-subscription .form-header { font-size: 15px; } } .newsletter-subscription .page-title { margin: 2rem auto 0; padding-bottom: 1.5rem; text-align: center; } @media only screen and (min-width: 728px) { .newsletter-subscription h1 .page-title { border-bottom: 1px solid #e6e6e6; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .recipes-section__header { margin-bottom: 32px; padding: 0 calc(32px - 8px); } @media only screen and (min-width: 728px) { .recipes-section__header { margin-bottom: 48px; padding: 0 calc(14.5vw - 16px); } } @media only screen and (min-width: 1086px) { .recipes-section__header { margin-bottom: 62px; padding: 0px 86px; } } .recipes-section__image_container { position: relative; margin-top: 45px; } @media only screen and (max-width: 727px) { .recipes-section__image_container { margin-right: calc( -32px - 8px); margin-left: calc( -32px - 8px); } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .recipes-section__image_container { margin-right: calc( -14.5vw - 16px); margin-left: calc( -14.5vw - 16px); } } .recipes-section__title .c-article-headline__heading { text-align: center; } @media only screen and (min-width: 1086px) { .recipes-section__title .primary-label-basic { margin-left: 0; } } .recipes-section__sponsor_logo { margin-top: 15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media only screen and (min-width: 728px) { .recipes-section__sponsor_logo { margin-top: 20px; } } @media only screen and (min-width: 1086px) { .recipes-section__sponsor_logo { margin-top: 25px; } } .recipes-section__chef_attribution_container { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-style: italic; font-size: 0.75rem; line-height: 1.33; color: #3a3a3a; margin-top: 32px; margin-bottom: 24px; } @media only screen and (min-width: 728px) { .recipes-section__chef_attribution_container { font-size: 0.875rem; line-height: 1.43; } } .recipes-section__column-content { padding: 0 calc(32px - 8px); } @media only screen and (min-width: 728px) { .recipes-section__column-content { padding: 0 calc(14.5vw - 16px); } } @media only screen and (min-width: 1086px) { .recipes-section__column-content { padding-left: 86px; padding-right: 0px; } } .recipes-section__column-rail { display: none; } @media only screen and (min-width: 1086px) { .recipes-section__column-rail { display: block; } } .recipes-section__image { width: 100%; } .recipes-section__steps_container { margin-top: 15px; } @media only screen and (min-width: 1086px) { .recipes-section__steps_container { margin-top: 3.1875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .recipes-section__google_ads_bottom { background-color: #ecebec; margin-left: -16px; margin-right: -16px; } } @media only screen and (max-width: 1085px) { .recipes-section__google_ads_bottom { margin-top: 50px; } } .recipes-section__author { margin-top: 23px; text-align: center; } @media only screen and (min-width: 728px) { .recipes-section__author { margin-top: 24px; } } @media only screen and (min-width: 1086px) { .recipes-section__author { margin-top: 23px; } } .recipes-section__author_byline { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 0.75rem; line-height: 1.5; color: #333333; } @media only screen and (min-width: 728px) { .recipes-section__author_byline { font-size: 1.125rem; color: #000000; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; } } .recipes-section__author_byline > strong { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; } .recipes-section__author_name { text-transform: uppercase; } .recipes-section__ingredients_title, .recipes-section__steps_title { font-family: "TorstarDeckCondensed", serif; font-size: 1.5rem; font-weight: bold; line-height: 1; color: #000000; } @media only screen and (min-width: 728px) { .recipes-section__ingredients_title, .recipes-section__steps_title { font-size: 2.25rem; line-height: 1.33; } } @media only screen and (min-width: 1086px) { .recipes-section__ingredients_title, .recipes-section__steps_title { font-size: 3rem; line-height: 1; } } .recipes-section__steps_list { list-style: none; margin-left: 0; margin-top: 1.375rem; } @media only screen and (min-width: 728px) { .recipes-section__steps_list { margin-top: 1.5rem; } } @media only screen and (min-width: 1086px) { .recipes-section__steps_list { margin-top: 1.9375rem; } } .recipes-section__steps_item { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.125rem; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 40px; } @media only screen and (min-width: 728px) { .recipes-section__steps_item { line-height: 1.33; } } @media only screen and (min-width: 1086px) { .recipes-section__steps_item { margin-top: 30px; line-height: 1.4; } } .recipes-section__steps_item_text { margin-left: 1rem; } @media only screen and (min-width: 728px) { .recipes-section__steps_item_text { margin-left: 1.5rem; } } .recipes-section__steps_item_index { border: solid 1px #c2c2c2; background-color: #FFFFFF; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 20px; line-height: 1; font-family: "TorstarDeckCondensed", serif; min-width: 1.875rem; min-height: 1.875rem; font-size: 1.5rem; -ms-flex-item-align: baseline; align-self: baseline; margin-top: 3px; } @media only screen and (min-width: 728px) { .recipes-section__steps_item_index { min-width: 2.5rem; min-height: 2.5rem; } } .recipes-section__ingredients_items { margin-top: 32px; margin-bottom: 15px; list-style: none; margin-left: 0px; } @media only screen and (min-width: 1086px) { .recipes-section__ingredients_items { margin-bottom: 16px; } } .recipes-section__ingredients_item { margin-top: 16px; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.125rem; color: #000000; } @media only screen and (min-width: 728px) { .recipes-section__ingredients_item { font-size: 1.5rem; } } @media only screen and (min-width: 1086px) { .recipes-section__ingredients_item { font-size: 1.25rem; } } .recipes-section__ingredients_item > span { font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; margin-right: 5px; } .recipes-section__ingredients_item:first-child { margin-top: 0px; } .recipes-section__ingredients_item > :first-child { margin-left: 16px; } .recipes-section__ingredients_item::before { content: '\2022'; color: rgba(51, 51, 51, 0.7); display: inline-block; width: 6px; height: 6px; border-radius: 8px; } @media only screen and (min-width: 1086px) { .recipes-section__google_ads_right { position: -webkit-sticky; position: sticky; top: 65px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .trust_bar__container { display: none; } } .trust_bar__container { width: 100%; } .trust_bar__items { border-top: 1px solid #ddd; padding: 0.8rem 0; border-width: 1px 0; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-pack: distribute; justify-content: space-around; } .trust_bar__items .item-link { color: #333333; text-transform: uppercase; font-weight: 800; font-size: 0.7125rem; text-decoration: none !important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .trust_bar__items .item-staricon { color: #333333; font-size: 1.25rem; width: 1.75rem; } .trust_bar__items .item-staricon::before { font-size: 1.25rem; } @media only screen and (max-width: 727px) { .trust_bar__items .item-staricon { width: 1.3125rem; } } .trust_bar__items .item-text { color: #333333; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; letter-spacing: 0.3px; line-height: 1.2; font-size: 0.625rem; } .trust_bar__items .item-text:hover { -webkit-text-decoration-line: underline; text-decoration-line: underline; } @media only screen and (max-width: 727px) { .trust_bar__items .item-text { padding-left: 2px; } } @media only screen and (min-width: 1086px) { .trust_bar__items .item-text { font-size: 0.75rem; line-height: 1; } } /* autoprefixer grid: autoplace */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media only screen and (min-width: 1086px) { .c-recipe-list__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin: 0 -8px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-recipe-list__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; margin: 0 -8px; } } .c-recipe-list__recipe-card { border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); background-color: #ffffff; margin: 8px; padding: 0 16px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); } @media only screen and (min-width: 1086px) { .c-recipe-list__recipe-card { width: 363px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-recipe-list__recipe-card { width: 360px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .recipes_search__list_container { background-color: #fff; border-radius: 5px; border: solid 1px rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); padding: 16px 16px 0 16px; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .recipes_search__list_container { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .recipes_search__list_container { margin-bottom: 16px; } } .recipes_search__header_container { min-height: 214px; } @media only screen and (min-width: 728px) { .recipes_search__header_container { min-height: 296px; } } @media only screen and (min-width: 1086px) { .recipes_search__header_container { min-height: 378px; } } .recipes_search__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: absolute; left: 0px; right: 0px; background-position: 0px; background-size: cover; background-repeat: no-repeat; background-image: url("/assets/img/recipes_search_banner_small.png"); height: 214px; padding: 0px 5px; } @media only screen and (min-width: 728px) { .recipes_search__header { background-image: url("/assets/img/recipes_search_banner_medium.png"); height: 296px; } } @media only screen and (min-width: 1086px) { .recipes_search__header { background-image: url("/assets/img/recipes_search_banner_large.png"); height: 378px; } } .recipes_search__header_bar { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); -webkit-box-shadow: 0 2px 10px 0 rgba(57, 60, 64, 0.25); box-shadow: 0 2px 10px 0 rgba(57, 60, 64, 0.25); background-color: rgba(255, 255, 255, 0.5); max-width: 343px; min-height: 150px; border-radius: 5px; } @media only screen and (min-width: 728px) { .recipes_search__header_bar { max-width: 545px; min-height: 200px; } } @media only screen and (min-width: 1086px) { .recipes_search__header_bar { max-width: 680px; min-height: 240px; } } .recipes_search__header_title { font-family: "TorstarDeckCondensed", serif; font-weight: 600; margin-bottom: 16px; font-size: 2rem; } @media only screen and (min-width: 728px) { .recipes_search__header_title { margin-bottom: 26px; font-size: 2.625rem; } } @media only screen and (min-width: 1086px) { .recipes_search__header_title { margin-bottom: 24px; font-size: 3rem; } } .recipes_search__header_input_container { width: 100%; cursor: pointer; position: relative; max-width: 275px; } @media only screen and (min-width: 728px) { .recipes_search__header_input_container { max-width: 358px; } } @media only screen and (min-width: 1086px) { .recipes_search__header_input_container { max-width: 329px; } } .recipes_search__button { width: 18px; height: 18px; background-image: url("/assets/img/ic-search.svg"); background-repeat: no-repeat; background-position: 0px; background-size: cover; background-color: #fff; top: calc(50% - 9px); right: 10px; position: absolute; display: inline-block; border: 0px; -webkit-transition: 0ms; -o-transition: 0ms; transition: 0ms; padding: 10px; margin: 0; } .recipes_search__button:hover { background-color: #fff; } .recipes_search__button:focus { background-color: #fff; outline: none; -webkit-box-shadow: none; box-shadow: none; } .recipes_search__header .recipes_search__header_input { -ms-flex-item-align: center; align-self: center; border-radius: 3px; height: 40px; border: solid 1px #d8d8d8; background-color: #fff; padding: 6px 11px; padding-right: 30px; line-height: 2; margin-bottom: 0px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .recipes_search__header .recipes_search__header_input:focus { background-color: #fff; } .recipes_search__header .recipes_search__header_input::-webkit-input-placeholder { color: #737373; font-size: 0.875rem; } .recipes_search__header .recipes_search__header_input::-moz-placeholder { color: #737373; font-size: 0.875rem; } .recipes_search__header .recipes_search__header_input:-ms-input-placeholder { color: #737373; font-size: 0.875rem; } .recipes_search__header .recipes_search__header_input::-ms-input-placeholder { color: #737373; font-size: 0.875rem; } .recipes_search__header .recipes_search__header_input::placeholder { color: #737373; font-size: 0.875rem; } .recipes_search__header .recipes_search__header_input:focus::-webkit-input-placeholder { color: transparent; opacity: 0; } .recipes_search__header .recipes_search__header_input:focus::-moz-placeholder { color: transparent; opacity: 0; } .recipes_search__header .recipes_search__header_input:focus:-ms-input-placeholder { color: transparent; opacity: 0; } .recipes_search__header .recipes_search__header_input:focus::-ms-input-placeholder { color: transparent; opacity: 0; } .recipes_search__header .recipes_search__header_input:focus::placeholder { color: transparent; opacity: 0; } .recipes_search__recipe-title { margin: 0 0 23px 0; padding: 23px 0 15px 0; border-bottom: 1px solid #d8d8d8; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1.125rem; font-weight: 300; color: #333333; height: 64px; } .recipes_search__query_result { font-weight: bold; } .recipes_search__recently_added { margin-top: 15px; padding-top: 20px; border-top: 1px solid #d8d8d8; } .recipes_search__loadmore_container { width: 100%; margin-top: 52px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .recipes_search__loadmore_container button { width: 270px; height: 47px; } .recipes_search__content_container { margin-bottom: 48px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-subscription-section .c-button--subscription, html[data-theme='heavy-blue'] .o-subscription-section .c-button--subscription-card, html[data-theme='heavy-blue'] .o-subscription-section .c-button--cta { background-color: #0062a1; border-color: #0062a1; } html[data-theme='heavy-blue'] .o-subscription-section .c-button--subscription:hover, html[data-theme='heavy-blue'] .o-subscription-section .c-button--subscription:focus, html[data-theme='heavy-blue'] .o-subscription-section .c-button--subscription-card:hover, html[data-theme='heavy-blue'] .o-subscription-section .c-button--subscription-card:focus, html[data-theme='heavy-blue'] .o-subscription-section .c-button--cta:hover, html[data-theme='heavy-blue'] .o-subscription-section .c-button--cta:focus { background-color: #00548b; } html[data-theme='blue'] .o-subscription-section .c-button--subscription, html[data-theme='blue'] .o-subscription-section .c-button--subscription-card, html[data-theme='blue'] .o-subscription-section .c-button--cta { background-color: #007ac2; border-color: #007ac2; } html[data-theme='blue'] .o-subscription-section .c-button--subscription:hover, html[data-theme='blue'] .o-subscription-section .c-button--subscription:focus, html[data-theme='blue'] .o-subscription-section .c-button--subscription-card:hover, html[data-theme='blue'] .o-subscription-section .c-button--subscription-card:focus, html[data-theme='blue'] .o-subscription-section .c-button--cta:hover, html[data-theme='blue'] .o-subscription-section .c-button--cta:focus { background-color: #0e62a2; } html[data-theme='red'] .o-subscription-section .c-button--subscription, html[data-theme='red'] .o-subscription-section .c-button--subscription-card, html[data-theme='red'] .o-subscription-section .c-button--cta { background-color: #c51e24; border-color: #c51e24; } html[data-theme='red'] .o-subscription-section .c-button--subscription:hover, html[data-theme='red'] .o-subscription-section .c-button--subscription:focus, html[data-theme='red'] .o-subscription-section .c-button--subscription-card:hover, html[data-theme='red'] .o-subscription-section .c-button--subscription-card:focus, html[data-theme='red'] .o-subscription-section .c-button--cta:hover, html[data-theme='red'] .o-subscription-section .c-button--cta:focus { background-color: #c51e24; } .o-subscription-section .c-button--secondary { font-size: 18px; height: 52px; line-height: 52px; padding: 0; vertical-align: middle; width: 265px; font-weight: bold; } .o-subscription-section .c-button--subscription { font-size: 18px; height: 52px; line-height: 52px; padding: 0; vertical-align: middle; width: 265px; font-weight: bold; justify-self: right; } .o-subscription-section .c-button--cta { font-size: 24px; height: 62px; line-height: 62px; padding: 0; vertical-align: middle; width: 320px; font-weight: bold; margin: -30px auto 30px auto; } .o-subscription-section .c-button--subscription-card { font-size: 24px; height: 71px; line-height: 71px; padding: 0; vertical-align: middle; width: 281px; font-weight: bold; -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.5); position: absolute; bottom: -35px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin: 0; } .o-subscription-section .c-button--tab { background: none; border-radius: 0; border: 2px solid #333333; color: #000; background-color: #fff; display: block; height: 150px; padding: 0; -webkit-transition: none; -o-transition: none; transition: none; width: 100%; position: relative; } .o-subscription-section .c-button--tab:active, .o-subscription-section .c-button--tab:focus, .o-subscription-section .c-button--tab:hover { background-color: #fff; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5); color: #000; outline: none; } .o-subscription-section .c-button--tab:active .c-subscription-tab__image, .o-subscription-section .c-button--tab:focus .c-subscription-tab__image, .o-subscription-section .c-button--tab:hover .c-subscription-tab__image { opacity: 1; } .o-subscription-section .c-button--tab--active { border: 2px solid #ff5724; } .o-subscription-section .c-button--tab--active .c-subscription-tab__image { opacity: 1; } .o-subscription-section .c-button--tab--active:after, .o-subscription-section .c-button--tab--active:before { top: 100%; left: 50%; border: solid transparent; content: ''; height: 0; width: 0; position: absolute; pointer-events: none; } .o-subscription-section .c-button--tab--active:after { border-color: rgba(255, 255, 255, 0); border-top-color: #fff; border-width: 30px; margin-left: -30px; } .o-subscription-section .c-button--tab--active:before { border-color: rgba(255, 87, 36, 0); border-top-color: #ff5724; border-width: 33px; margin-left: -33px; } .c-subscription-card--footer .c-button--secondary { display: block; margin: 10px 0 0 0; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-subscription-section .c-button--subscription { font-size: 16px; height: 52px; line-height: 52px; padding: 0; vertical-align: middle; width: 206px; font-weight: bold; padding: 0; bottom: 20px; } .o-subscription-section .c-button--subscription-card { width: 154px; } .o-subscription-section .c-button--tab { height: 105px; } .o-subscription-section .c-button--cta { height: 42px; line-height: 42px; width: 268px; font-size: 16px; margin: 0 auto 30px auto; } .o-subscription-section .c-subscription-card--footer .c-button--secondary { font-size: 16px; height: 35px; line-height: 35px; padding: 0; vertical-align: middle; width: 180px; font-weight: bold; margin: 20px 0 0 0; } } @media only screen and (max-width: 727px) { .o-subscription-section .c-button--cta { margin: 0 auto 20px auto; } .o-subscription-section .c-button--subscription-card { width: 127px; } .o-subscription-section .c-button--tab { height: 111px; padding: 8px; } .o-subscription-section .c-button--cta, .o-subscription-section .c-button--subscription { font-size: 14px; height: 42px; line-height: 42px; padding: 0; vertical-align: middle; width: 210px; font-weight: bold; padding: 0; } .o-subscription-section .c-button--subscription { margin: 0 auto; } .o-subscription-section .c-subscription-card--footer .c-button--secondary { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } .c-subscription-card { position: relative; border: solid 1px #979797; font-size: 12px; padding: 0; margin: 0; height: 138px; vertical-align: top; } .c-subscription-card__container { margin: -22px auto 0 auto; width: auto; text-align: center; } .c-subscription-card__price-card { margin: 0 auto; } .c-subscription-card__section { padding: 0; margin: 0; font-size: 12px; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-subscription-card__section--title { background-color: #fff; display: inline-block; font-size: 18px; font-weight: bold; padding: 10px 20px; text-align: center; text-transform: capitalize; } .c-subscription-card__section--info { font-size: 16px; font-weight: bold; margin: 30px 0; padding: 0; text-align: center; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .c-subscription-card__section--extra { font-size: 14px; } .c-subscription-card__section--price { font-size: 22px; } .c-subscription-card__section--frequency { font-size: 12px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-subscription-card { display: block; padding: 0; margin: 60px auto 0 auto; } .c-subscription-card:first-child { margin: 0 auto; } .c-subscription-card__section--title__appendtext { display: none; } .c-subscription-card__section--info { padding: 20px 0; width: auto; margin: 35px 0 0 0; } } @media only screen and (max-width: 727px) { .c-subscription-card__container { margin: -7px auto 0 auto; } .c-subscription-card__section--title { padding: 0px 20px; margin-top: -15px; } .c-subscription-card__section--title__appendtext { display: none; } .c-subscription-card__section--info { padding: 10px 0; margin: 45px 0 0 0; font-size: 14px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .c-group-subscription-wrap, html[data-theme='heavy-blue'] .c-subscription-card--footer__anchor { background-image: url(/assets/svg/arrow_button.svg); } html[data-theme='heavy-blue'] .c-subscription-card--footer:hover, html[data-theme='heavy-blue'] .c-subscription-card--footer:active, html[data-theme='heavy-blue'] .c-group-subscription--anchor:hover, html[data-theme='heavy-blue'] .c-group-subscription--anchor:active { border-color: #0072bc; } html[data-theme='blue'] .c-group-subscription-wrap, html[data-theme='blue'] .c-subscription-card--footer__anchor { background-image: url(/assets/svg/arrow_button-blue.svg); } html[data-theme='blue'] .c-subscription-card--footer:hover, html[data-theme='blue'] .c-subscription-card--footer:active, html[data-theme='blue'] .c-group-subscription--anchor:hover, html[data-theme='blue'] .c-group-subscription--anchor:active { border-color: #007ac2; } html[data-theme='red'] .c-group-subscription-wrap, html[data-theme='red'] .c-subscription-card--footer__anchor { background-image: url(/assets/svg/arrow_button-red.svg); } html[data-theme='red'] .c-subscription-card--footer:hover, html[data-theme='red'] .c-subscription-card--footer:active, html[data-theme='red'] .c-group-subscription--anchor:hover, html[data-theme='red'] .c-group-subscription--anchor:active { border-color: #c51e24; } .c-subscription-card--footer { list-style: none; margin: 0 0 20px 0; overflow: hidden; padding: 0; width: 100%; border: solid 1px #979797; } .c-subscription-card--footer:hover { border: 1px solid #005389; } .c-subscription-card--footer__anchor { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px 0 18px; overflow: hidden; height: 180px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff url(/assets/svg/arrow_button.svg) no-repeat right center; background-size: 18px 32px; background-position: right 25px bottom 50%; margin: 1px; } .c-subscription-card--footer__anchor:hover .c-button--secondary { background-color: #fff; border: 2px solid #005389; color: #005389; } .c-subscription-card--footer__anchor:active { -webkit-box-shadow: inset 0 0 20px #797979; box-shadow: inset 0 0 20px #797979; background-color: #f7f7f7; } @media all and (-ms-high-contrast: none) { .c-subscription-card--footer__anchor:before, .c-subscription-card--footer__anchor:after { content: ''; margin: auto; } } .c-subscription-card--footer__label { font-size: 31px; line-height: 52px; font-weight: 800; height: auto; width: 100%; } .c-subscription-card--footer__text { font-size: 20px; line-height: 52px; } .c-group-subscription { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-subscription-card--footer-group.c-subscription-card--footer { border: none; } .c-subscription-card-image { width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-subscription-card-image--newsletter { width: 112px; height: 104px; } .c-group-subscription--anchor { color: #2f2f2f; border: 1px solid #979797; background-color: #fff; width: calc(50% - (10px)); text-align: center; line-height: 29px; font-weight: bold; font-size: 14px; padding: 30px 0; } .c-group-subscription--anchor:hover { color: #2f2f2f; border: 1px solid #005389; } .c-group-subscription--anchor .o-group-subscription-image { width: 103px; height: 72px; background-repeat: no-repeat; background-size: 103px 64px; margin: auto auto; } .c-group-subscription--anchor .o-group-subscription-image--corporate { background-image: url(/assets/svg/shop-corporate-icon.svg); } .c-group-subscription--anchor .o-group-subscription-image--student { background-image: url(/assets/svg/shop-student-icon.svg); } .c-group-subscription--anchor .o-group-subscription-image--partner { background-image: url(/assets/svg/shop-partner-icon.svg); } .c-group-subscription-wrap { background: url(/assets/svg/arrow_button.svg) no-repeat right center; background-size: 18px 32px; background-position: right 25px bottom 50%; } .c-subscription-card-content { color: #2f2f2f; width: 73%; } .o-subscription-options-title { text-align: center; margin-top: 65px; padding-bottom: 50px; font-size: 26px; color: #333; } .o-group-subscription-text { font-size: 23px; padding-top: 10px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-subscription-card--footer__label { font-size: 20px; line-height: 24px; } .c-subscription-card-content { width: 63%; padding-right: 35px; } .c-subscription-card--footer__text { line-height: 24px; font-size: 14px; } .c-subscription-card-image { width: 15%; } .c-subscription-card-image--newsletter { width: 132px; height: 98px; } .o-group-subscription-text { font-size: 14px; } .c-subscription-card--footer__anchor { display: -webkit-box; display: -ms-flexbox; display: flex; height: 150px; padding-bottom: 20px; background-size: 14px 22px; } .c-group-subscription--anchor { padding: 25px 0 15px 0; } .c-group-subscription--anchor .o-group-subscription-image { width: 58px; height: 36px; background-size: 100% 100%; } .c-group-subscription--anchor .o-group-subscription-image--newsletter { width: 89px; height: 83px; background-size: 100%; } .c-group-subscription--anchor .o-group-subscription-image--digital-access { background-size: 111px 71px; } .c-group-subscription--anchor .o-group-subscription-image--home-delivery { background-size: 109px 82px; } .c-group-subscription--anchor .c-group-subscription-wrap { background-size: 14px 22px; background-position: right 25px bottom 70%; } } @media only screen and (max-width: 727px) { .c-subscription-card--footer { padding: 0; height: auto; width: 100%; } .c-subscription-card--footer__anchor { font-size: 14px; color: #000; padding: 25px 0 23px 14px; height: 100%; display: block; background-position: right 14px bottom 50%; background-size: 14px 23px; } .c-subscription-card--footer__label { width: 100%; font-size: 17px; line-height: 24px; vertical-align: middle; padding: 0 20px 0 0; } .c-subscription-card-image { display: none; } .c-subscription-card-content { width: 85%; } .c-subscription-card--footer__text { font-size: 13px; line-height: 19px; } .o-group-subscription-text { font-size: 16px; line-height: 23px; width: 70%; padding-top: 0; -ms-flex-item-align: center; align-self: center; } .c-group-subscription { display: block; } .c-group-subscription .o-group-subscription-image { width: 49px; height: 33px; background-size: 100% 100%; margin: 0 0 0 15px; } .c-group-subscription--anchor { display: block; width: 100%; padding: 20px 0 20px 0; } .c-group-subscription-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; background-position: right 14px bottom 50%; background-size: 14px 23px; } .c-group-subscription--student { margin: 20px 0; margin-bottom: 0; } .c-subscription-options .o-subscription-options-title { font-size: 16px; margin-top: 45px; padding-bottom: 40px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-header-bg { background-image: url("/assets/svg/shop-page-header-gradient.svg"); color: #fff; } @media all and (-ms-high-contrast: none) { html[data-theme='heavy-blue'] .o-header-bg { background-image: -o-linear-gradient(265deg, #0986db 0%, #0881d4 26%, #0474c0 65%, #f8f8f8 65%); background-image: linear-gradient(185deg, #0986db 0%, #0881d4 26%, #0474c0 65%, #f8f8f8 65%); } } html[data-theme='heavy-blue'] .o-container--bg-image { background-image: url("/assets/svg/shop-page-body-gradient.svg"); } @media all and (-ms-high-contrast: none) { html[data-theme='heavy-blue'] .o-container--bg-image { background-image: -o-linear-gradient(285deg, #0986db 0%, #0881d4 26%, #0474c0 74%, #f8f8f8 74%); background-image: linear-gradient(-195deg, #0986db 0%, #0881d4 26%, #0474c0 74%, #f8f8f8 74%); background-size: 100% 100%; } } html[data-theme='blue'] .o-header-bg { background-image: url("/assets/svg/shop-page-header-gradient-light.svg"); color: #333; } html[data-theme='blue'] .o-container--bg-image { background-image: url("/assets/svg/shop-page-body-gradient-light.svg"); } @media all and (-ms-high-contrast: none) { html[data-theme='blue'] .o-container--bg-image { background-size: 100% 100%; } } html[data-theme='red'] .o-header-bg { background-image: url("/assets/svg/shop-page-header-gradient-light.svg"); color: #333; } html[data-theme='red'] .o-container--bg-image { background-image: url("/assets/svg/shop-page-body-gradient-light.svg"); } @media all and (-ms-high-contrast: none) { html[data-theme='red'] .o-container--bg-image { background-size: 100% 100%; } } .o-header-bg { background-repeat: no-repeat; background-size: cover; background-position: bottom; color: #fff; padding: 55px 0; text-align: center; width: 100%; display: block; } .c-header-title { font-size: 36px; letter-spacing: 0; line-height: normal; margin: 0 auto; text-align: center; } .c-header-title.c-header-title--mobile { display: none; } .c-header-monthly { font-style: normal; font-weight: normal; padding: 10px 0 60px 0; font-size: 28px; } .c-header-monthly.c-header-monthly--mobile { display: none; } .c-header-price { font-weight: bold; } .c-header-trial-text { font-weight: normal; font-size: 24px; color: #5a5a5a; padding: 0; z-index: 5; } .c-header-bg-image { padding: 0; margin: 0; width: 780px; height: 438px; } @media only screen and (min-width: 1921px) and (max-width: 99999999px) { .o-header-bg { padding: 55px 0 150px 0; } } @media only screen and (min-width: 1401px) and (max-width: 1920px) { .o-header-bg { padding: 55px 0 115px 0; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-header-bg { padding: 35px 0 70px 0; } .c-header-bg-image { width: 529px; height: 231px; margin: 0 0 0 -150px; } .c-header-trial-text { font-size: 16px; padding: 0 0 0 50px; width: 250px; } .c-header-monthly { font-size: 16px; padding: 10px 0; } .c-header-title { font-size: 28px; } } @media only screen and (max-width: 727px) { .o-header-bg { padding: 45px 0 60px 0; } .c-header-bg-image { width: 392px; height: auto; margin: 0 auto; } .c-header-trial-text { font-size: 14px; position: absolute; padding: 0; width: 230px; left: 17px; } .c-header-monthly { font-size: 14px; padding: 20px 0 0 0; display: none; } .c-header-monthly.c-header-monthly--mobile { display: block; } .c-header-title { font-size: 24px; width: 330px; display: none; } .c-header-title.c-header-title--mobile { display: block; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } @media only screen and (min-width: 1086px) { .o-subscription-section.subscribe-b .o-section { grid-template-columns: repeat(2, 1fr); grid-gap: 20px; margin: 0 auto; } .o-subscription-section.subscribe-b .o-section .o-header-gb-image-wrap { -ms-flex-item-align: start; align-self: start; position: relative; height: 100%; } .o-subscription-section.subscribe-b .o-section .c-header-bg-image { max-height: 480px; max-width: 575px; height: auto; width: auto; position: absolute; right: 0; bottom: 0; } .o-subscription-section.subscribe-b .o-header-bg { height: 395px; } .o-subscription-section.subscribe-b .c-button--cta { display: none; } .o-subscription-section.subscribe-b .c-header-col-one-wrap.show-for-large-up { -ms-flex-item-align: end; align-self: end; } .o-subscription-section.subscribe-b .c-header-col-one-wrap.show-for-large-up .c-button--cta { display: block; margin: -14px auto 77px auto; } .o-subscription-section.subscribe-b .c-header-monthly { margin: 18px auto 0 auto; text-align: left; width: 1176px; padding-left: 11px; } .o-subscription-section.subscribe-b .c-header-trial-text { font-size: 16px; -ms-flex-item-align: end; align-self: end; padding-bottom: 50px; text-align: center; } .o-subscription-section.subscribe-b .c-header-title { font-size: 42px; text-align: left; width: 1176px; padding-left: 11px; } .o-subscription-section.subscribe-b .c-explore-packages, .o-subscription-section.subscribe-b .c-subscription-title { color: #383838; } .o-subscription-section.subscribe-b .c-explore-packages { padding-top: 20px; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body { grid-template-columns: 56% 75%; grid-gap: 20px; margin-top: -15px; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .c-subscription-card__section--title { padding: 10px 40px; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .c-subscription-list--packages { padding: 0; margin-top: 10px; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body { grid-template-columns: 1fr 1fr; grid-gap: 20px; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body .c-subscription-packages-title { padding: 0 0 20px; } .o-subscription-section.subscribe-b .c-best-value-banner-image { display: inline-block; width: 60px; height: 120px; margin-top: 49px; margin-left: 16px; background-image: url("/assets/svg/best-value-banner.svg"); background-repeat: no-repeat; background-size: 100%; position: absolute; z-index: 2; } .o-subscription-section.subscribe-b .c-best-value-banner-image.c-best-value-banner-image--basic-access { margin-top: 4px; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .c-subscription-list--packages { padding-top: 55px; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .c-subscription-list--packages .c-subscription-card__section--title { padding: 10px 42px; } .o-subscription-section.subscribe-b .c-wsj-picture { margin-top: -16%; margin-left: -18%; position: absolute; width: 70%; } .o-subscription-section.subscribe-b .c-subscription-tab.c-subscription-tab--wsj { background-color: #fff; } .o-subscription-section.subscribe-b .c-subscription-tab.c-subscription-tab--wsj .c-button--tab { opacity: 0.5; } .o-subscription-section.subscribe-b .c-subscription-tab.c-subscription-tab--wsj .c-button--tab:active, .o-subscription-section.subscribe-b .c-subscription-tab.c-subscription-tab--wsj .c-button--tab:focus, .o-subscription-section.subscribe-b .c-subscription-tab.c-subscription-tab--wsj .c-button--tab:hover, .o-subscription-section.subscribe-b .c-subscription-tab.c-subscription-tab--wsj .c-button--tab--active { opacity: 1; } .secondary-header.subscribe-b { display: none; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-section { grid-template-columns: auto; width: 100%; } .c-header-bg-image { width: 370px; height: auto; margin: 0 auto; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .o-subscription-section.subscribe-b .o-section { margin-top: -70px; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none), all and (-ms-high-contrast: active) and (-ms-high-contrast: none) { .o-subscription-section.subscribe-b .o-section { margin-top: auto; grid-template-columns: 1fr 1fr; grid-gap: 20px; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none), all and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-subscription-section.subscribe-b .o-section > *:nth-child(1) { display: inline-block !important; margin-bottom: 20px !important; width: calc(50% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(3) { margin-bottom: 20px !important; margin-right: 20px !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none), all and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-subscription-section.subscribe-b .o-section > *:nth-child(3) { display: block !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none), all and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-subscription-section.subscribe-b .o-section > *:nth-child(3) { width: unset !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none), all and (-ms-high-contrast: active) and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-subscription-section.subscribe-b .o-section > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(5) { display: inline-block !important; margin-bottom: 20px !important; width: calc(50% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(7) { display: inline-block !important; margin-bottom: 20px !important; width: calc(50% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(9) { display: inline-block !important; margin-bottom: 20px !important; width: calc(50% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(12) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(14) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(16) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(18) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-child(20) { display: inline-block !important; margin-bottom: 20px !important; width: 50% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-subscription-section.subscribe-b .o-section > *:nth-last-child(2) { margin-bottom: 0 !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .o-subscription-section.subscribe-b .o-section .c-header-bg-image { margin-top: -345px; } .o-subscription-section.subscribe-b .c-header-monthly { margin-bottom: 42px; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body { grid-template-columns: 2fr 30%; grid-gap: 20px; margin-top: -15px; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none), all and (-ms-high-contrast: active) and (-ms-high-contrast: none) { .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(1) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(3) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(5) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(7) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(9) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(12) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(14) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(16) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(18) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(20) { display: inline-block !important; margin-bottom: 20px !important; width: 30% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-last-child(2) { margin-bottom: 0 !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .c-subscription-list--packages { padding: 0; margin-top: 115px; } .o-subscription-section.subscribe-b .o-tab-view__pane--digital-access .c-best-value-banner-image.c-best-value-banner-image--basic-access { margin-top: 109px; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body { grid-template-columns: 45% 55%; grid-gap: 20px; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none), all and (-ms-high-contrast: active) and (-ms-high-contrast: none) { .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(1) { display: inline-block !important; margin-bottom: 20px !important; width: calc(45% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: 45% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(3) { display: inline-block !important; margin-bottom: 20px !important; width: calc(45% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: 45% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(5) { display: inline-block !important; margin-bottom: 20px !important; width: calc(45% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: 45% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(7) { display: inline-block !important; margin-bottom: 20px !important; width: calc(45% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: 45% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(9) { display: inline-block !important; margin-bottom: 20px !important; width: calc(45% - 20px) !important; margin-right: 20px !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: 45% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(12) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(14) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(16) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(18) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-child(20) { display: inline-block !important; margin-bottom: 20px !important; width: 55% !important; margin-right: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__body > *:nth-last-child(2) { margin-bottom: 0 !important; } } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .o-subscription-section.subscribe-b .c-wsj-picture { margin-top: 27px; margin-left: -30px; position: absolute; width: 703px; } .o-subscription-section.subscribe-b .o-tab-view__pane--wsj .o-subscription-pane__section--wsj { position: static; } .o-subscription-section.subscribe-b .o-header-bg { height: 425px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .button, .subscriptionPrintSuccessHero a { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: normal; position: relative; display: inline-block; margin: 0 0 1.25rem; padding: 0.5rem 2rem 0.5625rem; text-align: center; text-decoration: none; color: #fff; border: 0; border-radius: 5px; background-color: #0062a1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media only screen and (max-width: 727px) { .button, .subscriptionPrintSuccessHero a { font-size: 0.8125rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button, .subscriptionPrintSuccessHero a { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { .button, .subscriptionPrintSuccessHero a { font-size: 1.125rem; } } .button:hover, .subscriptionPrintSuccessHero a:hover, .button:focus, .subscriptionPrintSuccessHero a:focus { color: #ffffff; background-color: #0072bc; } button[disabled].button { background: #0072bc; } button[disabled].button:hover, button[disabled].button:focus { color: #fff; background-color: #0072bc; } .button--large, .subscriptionPrintSuccessHero a { padding: 0.875rem 3.5rem 0.9375rem; } @media only screen and (max-width: 727px) { .button--large, .subscriptionPrintSuccessHero a { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button--large, .subscriptionPrintSuccessHero a { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { .button--large, .subscriptionPrintSuccessHero a { font-size: 1.375rem; } } .button--secondary { background-color: #ffffff; border: 1px solid #0072bc; color: #0072bc; } .subscriptionPrintSuccessHero { background-repeat: no-repeat; background-size: cover; padding: 1rem 2rem; margin-bottom: 1rem; min-height: 250px; text-align: center; } .subscriptionPrintSuccessHero h1 { color: #fff; font-size: 1.8rem; } @media only screen and (max-width: 727px) { .subscriptionPrintSuccessHero h1 { margin-top: 20px; } } .subscriptionPrintSuccessHero p { color: #fff; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; margin-bottom: 2rem; } @media only screen and (max-width: 727px) { .subscriptionPrintSuccessHero p { font-size: 15px; margin: 15px 0; } } .subscriptionPrintSuccessHero p.sign-in-again { width: 400px; font-style: italic; font-size: 20px; color: #d8dd1e; } @media only screen and (max-width: 727px) { .subscriptionPrintSuccessHero p.sign-in-again { font-size: 14px; width: 290px; } } .subscriptionPrintSuccessHero a { width: 315px; height: 44px; font-size: 16px; font-weight: bold; padding-top: 12px; background-color: #0072bc; } @media only screen and (max-width: 727px) { .subscriptionPrintSuccessHero a { width: 290px; } } @media only screen and (max-width: 727px) { .subscriptionPrintSuccessHero { background-image: url(/static/assets/bg-subscriptions-hero-desktop.jpg?v=2b28d404); } } @media only screen and (min-width: 728px) { .subscriptionPrintSuccessHero { height: 390px; background-image: url(/static/assets/bg-subscriptions-hero-desktop.jpg?v=2b28d404); min-height: 390px; padding: 3rem; } .subscriptionPrintSuccessHero p { width: 70%; margin-left: auto; margin-right: auto; } } .subscriptionPrintSuccessLogo { display: block; margin: 15px 0; } .subscriptionPrintSuccessButtonWrapper { text-align: center; margin-bottom: 15px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .wallpaper-wrapper { height: 0; position: relative; } .wallpaper-left, .wallpaper-right { display: block; position: fixed; width: calc(50% - 588px); height: 100%; } .wallpaper-left { left: 0; } .wallpaper-right { right: 0; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .loader { bottom: 0; left: 0; position: fixed; right: 0; top: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2200; } .loader__wrapper { overflow: hidden; width: 600px; height: 600px; max-width: 80%; max-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .loader__image { height: auto; width: auto; max-height: 100%; max-width: 100%; } .loader__background { bottom: 0; left: 0; position: absolute; right: 0; top: 0; background: #fff; opacity: 0.9; z-index: -1; } .loader:not(.heavy-blue) .spinner { -webkit-animation: rotator 1.4s linear infinite; animation: rotator 1.4s linear infinite; } @-webkit-keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } @keyframes rotator { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(270deg); transform: rotate(270deg); } } .loader:not(.heavy-blue) .path { stroke-dasharray: 187; stroke-dashoffset: 0; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; } .loader:not(.heavy-blue) .path--blue { -webkit-animation: dash 1.4s ease-in-out infinite, blue-colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, blue-colors 5.6s ease-in-out infinite; } .loader:not(.heavy-blue) .path--red { -webkit-animation: dash 1.4s ease-in-out infinite, red-colors 5.6s ease-in-out infinite; animation: dash 1.4s ease-in-out infinite, red-colors 5.6s ease-in-out infinite; } @-webkit-keyframes blue-colors { 0% { stroke: #007ac2; } 50% { stroke: #0e62a2; } 100% { stroke: #333333; } } @keyframes blue-colors { 0% { stroke: #007ac2; } 50% { stroke: #0e62a2; } 100% { stroke: #333333; } } @-webkit-keyframes red-colors { 0% { stroke: #c51e24; } 25% { stroke: #af0e26; } 75% { stroke: #ff8e92; } 100% { stroke: #333333; } } @keyframes red-colors { 0% { stroke: #c51e24; } 25% { stroke: #af0e26; } 75% { stroke: #ff8e92; } 100% { stroke: #333333; } } @-webkit-keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } @keyframes dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; -webkit-transform: rotate(135deg); transform: rotate(135deg); } 100% { stroke-dashoffset: 187; -webkit-transform: rotate(450deg); transform: rotate(450deg); } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-checkout-offer-text { color: #0062a1; } @media only screen and (max-width: 727px) { html[data-theme='heavy-blue'] .o-checkout-offer-text { color: #fff; } html[data-theme='heavy-blue'] .c-checkout-header-section, html[data-theme='heavy-blue'] .c-checkout-header-section-inner { background-color: #00548b; } } html[data-theme='blue'] .o-checkout-offer-text { color: #007ac2; } @media only screen and (max-width: 727px) { html[data-theme='blue'] .o-checkout-offer-text { color: #fff; } html[data-theme='blue'] .c-checkout-header-section, html[data-theme='blue'] .c-checkout-header-section-inner { background-color: #0e62a2; } } html[data-theme='red'] .o-checkout-offer-text { color: #c51e24; } @media only screen and (max-width: 727px) { html[data-theme='red'] .o-checkout-offer-text { color: #fff; } html[data-theme='red'] .c-checkout-header-section, html[data-theme='red'] .c-checkout-header-section-inner { background-color: #c51e24; } } .o-checkout-primary-heading { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; white-space: pre-wrap; font-size: 34px; text-align: center; line-height: 1.4; margin: 0 0 17px 0; font-weight: bold; } .o-checkout-primary-heading > * { overflow: hidden; } @media all and (-ms-high-contrast: none) { .o-checkout-primary-heading { position: relative; line-height: 1.2em; max-height: 1.2em; } } .c-checkout-header-section { height: 248px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .c-checkout-header-section-inner { width: 1176px; background: rgba(255, 255, 255, 0.9); padding: 30px; margin: 30px auto; z-index: 1; } .c-checkout-header-section-bg-image { position: absolute; width: 100%; height: 248px; -o-object-fit: cover; object-fit: cover; top: 0; } .o-checkout-subtex { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 16px; text-align: center; color: #222; } .o-checkout-offer-text { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 17px; color: #0072bc; text-align: center; padding-top: 15px; font-weight: bold; } .o-checkout-mobile-only { display: none; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-checkout-subtex { display: none; } .o-checkout-primary-heading { font-size: 27px; margin-bottom: 7px; } .c-checkout-header-section-inner { padding: 35px 30px 35px 30px; width: 92%; } .page.checkout-header { margin-top: 0; } .o-checkout-offer-text { font-size: 19px; } .c-checkout-header-section-bg-image { -o-object-position: left; object-position: left; } } @media only screen and (max-width: 727px) { .o-checkout-subtex, .o-checkout-desktop-only { display: none; } .o-checkout-mobile-only { display: block; } .o-checkout-primary-heading { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; font-size: 22px; color: #fff; } .o-checkout-primary-heading > * { overflow: hidden; } .c-checkout-header-section-inner { padding: 17px 29px; background: #00548b; width: 100%; } .c-checkout-mid-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-checkout-contact-heading { font-size: 22px; } .o-checkout-offer-text { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; padding-top: 4px; font-size: 14px; color: #fff; } .o-checkout-offer-text > * { overflow: hidden; } .o-checkout-best-off-logo { background-position: 95% -4px; background-size: 43px 70px; } .c-checkout-header-section { height: auto; background: #00548b; } } .SubscribeSuccessTemplate { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .SubscribeSuccessTemplate__mainContainer { margin-left: auto; margin-right: auto; text-align: center; padding: 8px; max-width: 100%; } @media screen and (min-width: 489px) { .SubscribeSuccessTemplate__mainContainer { max-width: 927px; } } .SubscribeSuccessTemplate__childContainer { padding: 4px; margin-top: 8px; margin-bottom: 8px; } @media screen and (min-width: 480px) { .SubscribeSuccessTemplate__childContainer { padding: 8px; margin-top: 32px; margin-bottom: 32px; } } @media screen and (min-width: 727px) { .SubscribeSuccessTemplate__childContainer { margin-top: 64px; margin-bottom: 64px; } } .SubscribeSuccessTemplate__needHelpLink { font-size: 18px; padding-bottom: 16px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .StyledCtaLink { background: #0072bc; } html[data-theme='heavy-blue'] .StyledCtaLink:hover { background: #00548b; border-color: #0072bc; } html[data-theme='blue'] .StyledCtaLink { background: #007ac2; } html[data-theme='blue'] .StyledCtaLink:hover { background: #0e62a2; border-color: #007ac2; } html[data-theme='red'] .StyledCtaLink { background: #c51e24; } html[data-theme='red'] .StyledCtaLink:hover { background: #c51e24; border-color: #c51e24; } .StyledCtaLink { min-height: 44px; border-radius: 3px; color: white; background-color: #0062a1; -webkit-transition: 300ms ease-out; -o-transition: 300ms ease-out; transition: 300ms ease-out; -webkit-transition-property: background-color, color; -o-transition-property: background-color, color; transition-property: background-color, color; display: block; line-height: 44px; } .StyledCtaLink:hover { background-color: #00548b; color: white; border-color: #0062a1; } .RenewSubscription__headers { display: contents; } .RenewSubscription__headers h1 { font-size: 24; margin-bottom: 32px; } .RenewSubscription__headers h3 { font-size: 18px; margin-bottom: 32px; } .RenewSubscription__headers p { font-size: 12px; margin-bottom: 32px; } @media screen and (min-width: 480px) { .RenewSubscription__headers h1 { font-size: 32; } .RenewSubscription__headers p { font-size: 14px; } } .RenewSubscription__ctaLink { margin-bottom: 32px; font-size: 16px; font-weight: bold; width: 100%; margin-left: auto; margin-right: auto; padding-left: auto; padding-right: auto; } @media screen and (min-width: 480px) { .RenewSubscription__ctaLink { width: 500px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .DoctorDatabasePage__radioButtons [type='radio']:checked + label:before, html[data-theme='heavy-blue'] .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) + label:after { background: #0072bc; } html[data-theme='heavy-blue'] .DoctorDatabasePage .colored { color: #0072bc; } html[data-theme='heavy-blue'] .DoctorDatabasePage a[href^='mailto:'] { color: #0065a4; } html[data-theme='heavy-blue'] .DoctorDatabasePage__top100BillingBox { background: #00548b; } html[data-theme='blue'] .DoctorDatabasePage__radioButtons [type='radio']:checked + label:before, html[data-theme='blue'] .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) + label:after { background: #0e62a2; } html[data-theme='blue'] .DoctorDatabasePage .colored { color: #0e62a2; } html[data-theme='blue'] .DoctorDatabasePage a[href^='mailto:'] { color: #0e62a2; } html[data-theme='blue'] .DoctorDatabasePage__top100BillingBox { background: #0e62a2; } html[data-theme='red'] .DoctorDatabasePage__radioButtons [type='radio']:checked + label:before, html[data-theme='red'] .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) + label:after { background: #af0e26; } html[data-theme='red'] .DoctorDatabasePage .colored { color: #af0e26; } html[data-theme='red'] .DoctorDatabasePage a[href^='mailto:'] { color: #af0e26; } html[data-theme='red'] .DoctorDatabasePage__top100BillingBox { background: #af0e26; } .DoctorDatabaseBanner { display: block; max-width: 1080px; margin: auto; } .DoctorDatabasePage { padding: 24px 32px; max-width: 100%; margin-left: auto; margin-right: auto; } @media screen and (max-width: 360px) { .DoctorDatabasePage { padding: 24px 24px; } } @media only screen and (min-width: 728px) { .DoctorDatabasePage { max-width: 594px; } } .DoctorDatabasePage h1 { font-family: "TorstarDeckCondensed", serif; margin-bottom: 24px; } @media only screen and (min-width: 728px) { .DoctorDatabasePage h1 { max-width: 594px; margin-bottom: 32px; } } .DoctorDatabasePage__topParagraph { font-size: 1.125rem; margin-bottom: 32px; } @media only screen and (min-width: 728px) { .DoctorDatabasePage__topParagraph { margin-bottom: 48px; font-size: 1.25rem; } } .DoctorDatabasePage__findDoctor { font-size: 1rem; font-weight: bold; margin-bottom: 8px; } .DoctorDatabasePage__top100BillingBox { height: 45px; padding: 16px; margin-top: 16px; margin-bottom: 16px; } .DoctorDatabasePage__top100BillingBox p { font-size: 0.75rem; font-weight: bold; color: white; } .DoctorDatabasePage a.benefitsAndFeesLink, .DoctorDatabasePage a[href^='mailto:'] { border-bottom: 1px solid rgba(100, 205, 245, 0.45); } .DoctorDatabasePage .DetailsArrow { position: relative; bottom: 6px; color: #404040; -webkit-transition: -webkit-transform 0.1s ease-in-out; transition: -webkit-transform 0.1s ease-in-out; -o-transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out; transition: transform 0.1s ease-in-out, -webkit-transform 0.1s ease-in-out; } .DoctorDatabasePage .DetailsArrow--closed { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .DoctorDatabasePage__radioButtons { display: none; opacity: 0; height: 0; overflow: hidden; } .DoctorDatabasePage__radioButtons.active { display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; opacity: 1; } .DoctorDatabasePage__radioButtons label { font-size: 12px; } .DoctorDatabasePage__radioButtons [type='radio']:checked, .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) { position: absolute; left: -9999px; } .DoctorDatabasePage__radioButtons [type='radio']:checked + label, .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) + label { position: relative; padding-left: 28px; cursor: pointer; line-height: 20px; display: inline-block; color: #666; } .DoctorDatabasePage__radioButtons [type='radio']:checked + label:before, .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border: 1px solid #ddd; border-radius: 100%; background: #fff; } .DoctorDatabasePage__radioButtons [type='radio']:checked + label:after, .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) + label:after { content: ''; width: 12px; height: 12px; position: absolute; top: 3px; left: 3px; border-radius: 100%; -webkit-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; } .DoctorDatabasePage__radioButtons [type='radio']:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .DoctorDatabasePage__radioButtons [type='radio']:checked + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .DoctorDatabasePage__extraInfo { margin: 8px 0 24px 0; } .DoctorDatabasePage__extraInfo p { font-size: 0.875rem; } .DoctorDatabasePage__extraInfo ul li { font-size: 0.75rem; padding: 8px 0px; } .DoctorDatabasePage__extraInfo h4 { margin-bottom: 12px; } .DoctorDatabasePage .hide { display: none; } .DoctorDatabasePage .ReactTable .rt-table { -webkit-box-flex: 1; -ms-flex: auto 1; flex: auto 1; } .DoctorDatabasePage .ReactTable .rt-resizable-header-content { color: #00548b; font-size: 0.75rem; font-weight: bold; text-align: initial; } .DoctorDatabasePage .ReactTable .rt-thead.-filters { display: none; } .DoctorDatabasePage .ReactTable .rt-td { width: 100px; min-height: 34px; font-size: 12px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.42; letter-spacing: normal; color: #333333; white-space: normal; overflow: initial; -o-text-overflow: initial; text-overflow: initial; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .DoctorDatabasePage .ReactTable .rt-td .BillingRank { margin: auto; } .DoctorDatabasePage .ReactTable .-pagination .-pageInfo { display: -webkit-box; display: -ms-flexbox; display: flex; } .DoctorSearchInput { display: none; opacity: 0; height: 0; } .DoctorSearchInput.active { display: block; height: auto; opacity: 1; } .DoctorSearchInput #DoctorDatabaseSearchInput { font-size: 20px; line-height: 1.4em; border-radius: 4px; width: 100%; border: 1px solid #999999; margin-bottom: 8px; padding: 8px; display: block; color: #404040; text-transform: uppercase; background-color: #ffffff; } .DoctorSearchInput .react-autosuggest__input { font-size: 20px; line-height: 1.4em; border-radius: 4px; width: 100%; border: 1px solid #999999; margin-bottom: 8px; padding: 8px; display: block; color: #404040; background-color: #ffffff; font-family: helvetica neue, helvetica, arial, sans-serif; text-transform: uppercase; } .DoctorSearchInput .react-autosuggest__input--focused { outline: none; } .DoctorSearchInput .react-autosuggest__container { position: relative; } .DoctorSearchInput .react-autosuggest__input--open { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .DoctorSearchInput .react-autosuggest__suggestions-container { display: none; } .DoctorSearchInput .react-autosuggest__suggestions-container--open { display: block; position: absolute; top: 38px; width: 100%; border: 1px solid #aaa; background-color: #fff; font-family: Helvetica, sans-serif; font-weight: 300; font-size: 16px; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; z-index: 2; } .DoctorSearchInput .react-autosuggest__suggestions-list { margin: 0; padding: 0; list-style-type: none; } .DoctorSearchInput .react-autosuggest__suggestion { cursor: pointer; padding: 10px 20px; } .DoctorSearchInput .react-autosuggest__suggestion--highlighted { background-color: #ddd; } .DoctorSpecialtyRankingText p { font-size: 1.5rem; margin-top: 18px; margin-bottom: 24px; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-checkout-bottom-text a { color: #0062a1; } html[data-theme='heavy-blue'] .o-checkout-bottom-text a:hover, html[data-theme='heavy-blue'] .o-checkout-bottom-text a:focus { color: #00548b; } html[data-theme='blue'] .o-checkout-bottom-text a { color: #007ac2; } html[data-theme='blue'] .o-checkout-bottom-text a:hover, html[data-theme='blue'] .o-checkout-bottom-text a:focus { color: #0e62a2; } html[data-theme='red'] .o-checkout-bottom-text a { color: #c51e24; } html[data-theme='red'] .o-checkout-bottom-text a:hover, html[data-theme='red'] .o-checkout-bottom-text a:focus { color: #c51e24; } .c-checkout-bottom { background-color: #fff; font-size: 12px; line-height: 18px; color: #666666; } .c-checkout-bottom .c-checkout-footer-row { background: #f8f8f8; } .c-checkout-bottom .o-checkout-bottom-text { padding: 30px 40px; display: none; } .c-checkout-bottom .o-checkout-bottom-text--active { display: block; } .c-checkout-bottom .o-checkout-bottom-heading { padding: 25px 40px 18px; border-bottom: 1px solid #c2c2c2; font-size: 16px; cursor: pointer; background: url("/assets/svg/icon_up_down_arrow.svg") no-repeat; background-position: 95%; background-size: 32px 20px; } .c-checkout-bottom .o-checkout-bottom-heading--active { background: url("/assets/svg/checkout_arrow_icon.svg") no-repeat; background-position: 95%; background-size: 32px 20px; } .c-checkout-bottom .c-checkout-row-spacer { background-color: #fff; height: 25px; } .c-checkout-bottom .o-checkout-footer-copy-right { text-align: center; background-color: #fff; padding: 35px 0 45px; } .c-checkout-bottom .material-icons { display: none; } .c-checkout-bottom .material-icons.c-material-icon-active { display: inline-block; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-checkout-bottom { width: 100%; margin: 0 auto; } .c-checkout-bottom .c-checkout-footer-row { border: 1px solid #c2c2c2; border-radius: 4px; margin-top: 19px; background-color: #fff; } .c-checkout-bottom .c-checkout-row-spacer { display: none; } .c-checkout-bottom .o-checkout-bottom-heading { padding: 30px 20px 28px; background: url("/assets/svg/checkout_arrow_icon.svg") no-repeat; background-position: 95%; background-size: 32px 20px; } .c-checkout-bottom .o-checkout-bottom-heading--active { background: url("/assets/svg/icon_up_down_arrow.svg") no-repeat; background-position: 95%; background-size: 32px 20px; } .c-checkout-bottom .o-checkout-bottom-text { padding: 30px 20px; display: block; } .c-checkout-bottom .o-checkout-bottom-text--active { display: none; } .c-checkout-bottom .c-checkout-desktop-only { display: none; } } @media only screen and (max-width: 727px) { .c-checkout-bottom { width: 100%; margin: 0 auto; } .c-checkout-bottom .c-checkout-desktop-only, .c-checkout-bottom .c-checkout-row-spacer { display: none; } .c-checkout-bottom .c-checkout-footer-row { border: 1px solid #c2c2c2; border-radius: 4px; margin-top: 19px; background-color: #fff; } .c-checkout-bottom .o-checkout-bottom-text { padding: 30px 20px; display: block; } .c-checkout-bottom .o-checkout-bottom-text--active { display: none; } .c-checkout-bottom .o-checkout-bottom-heading { padding: 20px 40px 20px 22px; background: url("/assets/svg/checkout_arrow_icon.svg") no-repeat; background-position: 95%; background-size: 32px 20px; } .c-checkout-bottom .o-checkout-bottom-heading--active { background: url("/assets/svg/icon_up_down_arrow.svg") no-repeat; background-size: 32px 20px; background-position: 95%; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .profile-container .o-checkout-subtex { display: block; } .profile-container__header { margin-bottom: 72px; } .profile-container__content { margin-bottom: 72px; padding: 0 64px; } .profile-container__content-wrapper { border: 1px solid #c2c2c2; border-radius: 4px; width: 1176px; max-width: 100%; margin: 0 auto; } .profile-container__footer { padding: 0 64px; } .profile-container__footer-wrapper { border-radius: 4px; width: 1176px; max-width: 100%; margin: 0 auto; } .profile-container__footer-wrapper .c-checkout-bottom { width: 100%; } @media only screen and (max-width: 727px) { .profile-container .o-checkout-subtex { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; color: #fff; } .profile-container .o-checkout-subtex > * { overflow: hidden; } .profile-container .profile-container__header { margin-bottom: 32px; } .profile-container .profile-container__content { margin-bottom: 22px; padding: 0; } .profile-container .profile-container__content-wrapper { border: none; } .profile-container .profile-container__footer { padding: 0 24px; } } .profile-container .complete-profile-form { margin: 0 198px 48px; } .profile-container .complete-profile-form__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 36px 0 32px; font-size: 26px; color: #000; letter-spacing: 0; text-align: center; line-height: 36px; font-weight: bold; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .profile-container .complete-profile-form { margin: 0 48px 48px; } .profile-container .complete-profile-form .profile-container .complete-profile-form__header { font-size: 24px; } } @media only screen and (max-width: 727px) { .profile-container .complete-profile-form { margin: 0 24px; } .profile-container .complete-profile-form .profile-container .complete-profile-form__header { font-size: 22px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .email-form__submit button { background-color: #0062a1; } html[data-theme='heavy-blue'] .email-form__submit button:hover, html[data-theme='heavy-blue'] .email-form__submit button:focus { background-color: #00548b; } html[data-theme='heavy-blue'] .email-form__submit button[disabled] { cursor: default; } html[data-theme='heavy-blue'] .email-form__details a, html[data-theme='heavy-blue'] .email-form__label a { color: #0062a1; } html[data-theme='heavy-blue'] .email-form__details a:hover, html[data-theme='heavy-blue'] .email-form__details a:focus, html[data-theme='heavy-blue'] .email-form__label a:hover, html[data-theme='heavy-blue'] .email-form__label a:focus { color: #00548b; } html[data-theme='blue'] .email-form__submit button { background-color: #007ac2; } html[data-theme='blue'] .email-form__submit button:hover, html[data-theme='blue'] .email-form__submit button:focus { background-color: #0e62a2; } html[data-theme='blue'] .email-form__submit button[disabled] { cursor: default; } html[data-theme='blue'] .email-form__details a, html[data-theme='blue'] .email-form__label a { color: #007ac2; } html[data-theme='blue'] .email-form__details a:hover, html[data-theme='blue'] .email-form__details a:focus, html[data-theme='blue'] .email-form__label a:hover, html[data-theme='blue'] .email-form__label a:focus { color: #0e62a2; } html[data-theme='red'] .email-form__submit button { background-color: #c51e24; } html[data-theme='red'] .email-form__submit button:hover, html[data-theme='red'] .email-form__submit button:focus { background-color: #c51e24; } html[data-theme='red'] .email-form__submit button[disabled] { cursor: default; } html[data-theme='red'] .email-form__details a, html[data-theme='red'] .email-form__label a { color: #c51e24; } html[data-theme='red'] .email-form__details a:hover, html[data-theme='red'] .email-form__details a:focus, html[data-theme='red'] .email-form__label a:hover, html[data-theme='red'] .email-form__label a:focus { color: #c51e24; } .email-form .email-form__input { margin: 26px 0 22px 0; height: 40px; font-size: 16px; } .email-form .email-form__input--checkbox { margin: 2px 20px 0 0; height: 16px; width: 16px; -ms-flex-negative: 0; flex-shrink: 0; } .email-form__submit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 16px 0 24px; } .email-form__submit button { margin: 0; height: 50px; width: 500px; max-width: 100%; font-size: 16px; color: #fff; background-color: #0072bc; border-radius: 5px; } .email-form__submit button[disabled] { background-color: #ccc; cursor: default; } .email-form__submit button[disabled]:hover, .email-form__submit button[disabled]:focus { background-color: #ccc; } .email-form__user-email { font-weight: bold; color: #333; } .email-form__label { margin-bottom: 18px; font-size: 12px; color: #666666; display: -webkit-box; display: -ms-flexbox; display: flex; } .email-form__details { font-size: 12px; color: #737373; } .email-form__sec-info { color: #acacac; font-size: 12px; text-align: center; width: 161px; margin: 0 auto; } .email-form__sec-info-logo { margin: -4px 8px 0 0; } .email-form__error { color: #ff3535; font-size: 12px; padding: 0 0 15px 0; margin-top: -18px; } .email-form__error--request-error { font-size: 14px; margin-top: 24px; } .email-form .emailformlabel-mobile-only { display: none; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .email-form__input { margin-top: 30px; } .email-form__details { padding: 8px 0 5px 0; } .email-form__submit { margin: 35px 0; } } @media only screen and (max-width: 727px) { .email-form .emailformlabel-desktop-only { display: none; } .email-form .emailformlabel-mobile-only { display: block; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .checkout__price-benefits li { background-image: url(/assets/img/expresscheckoutemailoption.svg); } html[data-theme='heavy-blue'] .checkout__best-off-logo { display: inline-block; } html[data-theme='blue'] .checkout__price-benefits li { background-image: url(/assets/img/expresscheckoutemailoption-blue.svg); } html[data-theme='blue'] .checkout__best-off-logo { display: inline-block; } html[data-theme='red'] .checkout__price-benefits li { background-image: url(/assets/img/expresscheckoutemailoption-red.svg); } html[data-theme='red'] .checkout__best-off-logo { display: none; } .checkout--mobile-only { display: none; } .checkout__content, .checkout__footer { padding: 0 64px; } .checkout__content-wrapper, .checkout__footer-wrapper { width: 1176px; max-width: 100%; margin: 0 auto; background: #fff; padding-left: 24px; padding-right: 24px; } .checkout__content-wrapper { padding-top: 35px; display: -webkit-box; display: -ms-flexbox; display: flex; } .checkout__content-loading-wrapper { min-width: 400px; } .checkout__email-form { max-width: 500px; -ms-flex-negative: 0; flex-shrink: 0; } .checkout__right-content { max-width: 356px; margin-left: auto; } .checkout__right-content--no-offers { margin-bottom: 26px; } .checkout__contact-heading { font-size: 28px; font-weight: 600; } .checkout__start-text { font-size: 16px; color: #333; } .checkout__best-off-logo { display: inline-block; height: 60px; width: 40px; background: url("/assets/svg/great_offer_badge.svg") no-repeat; -ms-flex-negative: 0; flex-shrink: 0; -webkit-transform: translate(14px, -3px); -ms-transform: translate(14px, -3px); transform: translate(14px, -3px); } .checkout__right-header { display: -webkit-box; display: -ms-flexbox; display: flex; } .checkout__right-content-wrapper { border: 1px solid #c2c2c2; border-radius: 5px; } .checkout__access-title { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: pre-wrap; -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; font-size: 22px; margin: 32px 0 32px; } .checkout__access-title > * { overflow: hidden; } @media all and (-ms-high-contrast: none) { .checkout__access-title { position: relative; line-height: 1.2em; max-height: 2.4em; } } .checkout__price { padding: 0 26px 32px; } .checkout__price-previous { color: #c2c2c2; font-size: 21px; display: inline-block; } .checkout__price-previous-item { padding-right: 15px; } .checkout__price-current { font-size: 38px; font-weight: 300; line-height: 24px; white-space: nowrap; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .checkout__price-current sup { font-size: 24px; top: -0.3em; line-height: initial; } .checkout__price-separator { font-size: 30px; width: 13px; height: 34px; color: #c2c2c2; padding: 0 2px; } .checkout__price-frequency { color: #737373; font-size: 16px; } .checkout__see-offer-details { padding: 20px 0 20px 22px; border: 1px solid #c2c2c2; border-right: none; border-left: none; background: url("/assets/svg/icon_up_down_arrow.svg") no-repeat; background-position: 95%; background-size: 32px 20px; display: none; } .checkout__see-offer-details--active { background: url("/assets/svg/checkout_arrow_icon.svg") no-repeat; background-position: 95%; background-size: 32px 20px; } .checkout__price-special { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; white-space: pre-wrap; font-size: 15px; margin: 0 26px 26px; } .checkout__price-special > * { overflow: hidden; } @media all and (-ms-high-contrast: none) { .checkout__price-special { position: relative; line-height: 1.2em; max-height: 7.2em; } } .checkout__price-summary { font-size: 15px; border-top: 1px solid #c2c2c2; background-color: #f8f8f8; } .checkout__price-benefits { font-size: 15px; list-style-type: none; padding: 26px; margin: 0; } .checkout__price-benefits li { padding-bottom: 14px; background: url("/assets/img/expresscheckoutemailoption.svg") no-repeat; background-size: 15px 12px; background-position: 0 5px; padding-left: 27px; } .checkout__details--active .checkout__price-wrapper { display: block; } .checkout__other-offers { font-size: 15px; text-align: center; color: #737373; padding: 10px 0 22px; text-decoration: underline; } .checkout__other-offers a { color: #737373; } @media only screen and (max-width: 1085px) { .checkout { background: #fff; } .checkout__content, .checkout__footer { padding: 0 134px; } .checkout__content-wrapper, .checkout__footer-wrapper { padding-left: 0; padding-right: 0; } .checkout__content-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .checkout__email-form { max-width: 100%; } .checkout__right-content { max-width: 100%; width: 100%; } .checkout__right-content--no-offers { margin-bottom: 0; } .checkout__see-offer-details { display: block; border-bottom: none; } .checkout__price-wrapper { display: none; } .checkout__price-special { margin: 26px; } .checkout__details--active .checkout__see-offer-details { border-bottom: 1px solid #c2c2c2; } } @media only screen and (max-width: 727px) { .checkout--mobile-only { display: block; } .checkout--desktop-only { display: none; } .checkout__content, .checkout__footer { padding: 0 24px; } .checkout__contact-heading { font-size: 22px; } .checkout__start-text { font-size: 14px; } .checkout__access-title { font-size: 20px; } .checkout__price-benefits { padding: 22px; } .checkout__best-off-logo { -webkit-transform: translate(20px, -3px); -ms-transform: translate(20px, -3px); transform: translate(20px, -3px); } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS and IE text size adjust after device orientation change, * without disabling user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined for any HTML5 element in IE 8/9. * Correct `block` display not defined for `details` or `summary` in IE 10/11 * and Firefox. * Correct `block` display not defined for `main` in IE 11. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } /** * 1. Correct `inline-block` display not defined in IE 8/9. * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. */ audio, canvas, progress, video { display: inline-block; /* 1 */ vertical-align: baseline; /* 2 */ } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address `[hidden]` styling not present in IE 8/9/10. * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22. */ [hidden], template { display: none; } /* Links ========================================================================== */ /** * Remove the gray background color from active links in IE 10. */ a { background-color: transparent; } /** * Improve readability of focused elements when they are also in an * active/hover state. */ a:active, a:hover { outline: 0; } /* Text-level semantics ========================================================================== */ /** * Address styling not present in IE 8/9/10/11, Safari, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari and Chrome. */ dfn { font-style: italic; } /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9/10. */ img { border: 0; } /** * Correct overflow not hidden in IE 9/10/11. */ svg:not(:root) { overflow: hidden; } /* Grouping content ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari. */ figure { margin: 1em 40px; } /** * Address differences between Firefox and other browsers. */ hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Contain overflow in all browsers. */ pre { overflow: auto; } /** * Address odd `em`-unit font size rendering in all browsers. */ code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em; } /* Forms ========================================================================== */ /** * Known limitation: by default, Chrome and Safari on OS X allow very limited * styling of `select`, unless a `border` property is set. */ /** * 1. Correct color not being inherited. * Known issue: affects color of disabled elements. * 2. Correct font properties not being inherited. * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. */ button, input, optgroup, select, textarea { color: inherit; /* 1 */ font: inherit; /* 2 */ margin: 0; /* 3 */ } /** * Address `overflow` set to `hidden` in IE 8/9/10/11. */ button { overflow: visible; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. * Correct `select` style inheritance in Firefox. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ input { line-height: normal; } /** * It's recommended that you don't attempt to style these elements. * Firefox's implementation doesn't respect box-sizing, padding, or width. * * 1. Address box sizing set to `content-box` in IE 8/9/10. * 2. Remove excess padding in IE 8/9/10. */ input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Fix the cursor style for Chrome's increment/decrement buttons. For certain * `font-size` values of the `input`, it causes the cursor style of the * decrement button to change from `default` to `text`. */ input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Address `appearance` set to `searchfield` in Safari and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari and Chrome. */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -webkit-box-sizing: content-box; box-sizing: content-box; /* 2 */ } /** * Remove inner padding and search cancel button in Safari and Chrome on OS X. * Safari (but not Chrome) clips the cancel button when the search input has * padding (and `textfield` appearance). */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9/10/11. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * Remove default vertical scrollbar in IE 8/9/10/11. */ textarea { overflow: auto; } /** * Don't inherit the `font-weight` (applied by a rule above). * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. */ optgroup { font-weight: bold; } /* Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } td, th { padding: 0; } meta.foundation-version { font-family: "/5.5.3/"; } meta.foundation-mq-small { font-family: "/only screen/"; width: 0; } meta.foundation-mq-small-only { font-family: "/only screen and (max-width: 727px)/"; width: 0; } meta.foundation-mq-medium { font-family: "/only screen and (min-width:728px)/"; width: 728px; } meta.foundation-mq-medium-only { font-family: "/only screen and (min-width:728px) and (max-width:1085px)/"; width: 728px; } meta.foundation-mq-large { font-family: "/only screen and (min-width:1086px)/"; width: 1086px; } meta.foundation-mq-large-only { font-family: "/only screen and (min-width:1086px) and (max-width:1400px)/"; width: 1086px; } meta.foundation-mq-xlarge { font-family: "/only screen and (min-width:1401px)/"; width: 1401px; } meta.foundation-mq-xlarge-only { font-family: "/only screen and (min-width:1401px) and (max-width:1920px)/"; width: 1401px; } meta.foundation-mq-xxlarge { font-family: "/only screen and (min-width:1921px)/"; width: 1921px; } meta.foundation-data-attribute-namespace { font-family: false; } html, body { height: 100%; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; } html, body { font-size: 100%; } body { background: #fff; color: #404040; cursor: auto; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: 400; line-height: 1.5; margin: 0; padding: 0; position: relative; } a:hover { cursor: pointer; } img { max-width: 100%; height: auto; } img { -ms-interpolation-mode: bicubic; } #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object, .mqa-display img, .mqa-display embed, .mqa-display object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .invisible { visibility: hidden; } .antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } .row { margin: 0 auto; max-width: 1176px; width: 100%; } .row:before, .row:after { content: " "; display: table; } .row:after { clear: both; } .row.collapse > .column, .row.collapse > .columns { padding-left: 0; padding-right: 0; } .row.collapse .row { margin-left: 0; margin-right: 0; } .row .row { margin: 0 -1.25rem; max-width: none; width: auto; } .row .row:before, .row .row:after { content: " "; display: table; } .row .row:after { clear: both; } .row .row.collapse { margin: 0; max-width: none; width: auto; } .row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } .row .row.collapse:after { clear: both; } .column, .columns { padding-left: 1.25rem; padding-right: 1.25rem; width: 100%; float: left; } .column + .column:last-child, .columns + .column:last-child, .column + .columns:last-child, .columns + .columns:last-child { float: right; } .column + .column.end, .columns + .column.end, .column + .columns.end, .columns + .columns.end { float: left; } @media only screen { .small-push-0 { position: relative; left: 0; right: auto; } .small-pull-0 { position: relative; right: 0; left: auto; } .small-push-1 { position: relative; left: 8.33333%; right: auto; } .small-pull-1 { position: relative; right: 8.33333%; left: auto; } .small-push-2 { position: relative; left: 16.66667%; right: auto; } .small-pull-2 { position: relative; right: 16.66667%; left: auto; } .small-push-3 { position: relative; left: 25%; right: auto; } .small-pull-3 { position: relative; right: 25%; left: auto; } .small-push-4 { position: relative; left: 33.33333%; right: auto; } .small-pull-4 { position: relative; right: 33.33333%; left: auto; } .small-push-5 { position: relative; left: 41.66667%; right: auto; } .small-pull-5 { position: relative; right: 41.66667%; left: auto; } .small-push-6 { position: relative; left: 50%; right: auto; } .small-pull-6 { position: relative; right: 50%; left: auto; } .small-push-7 { position: relative; left: 58.33333%; right: auto; } .small-pull-7 { position: relative; right: 58.33333%; left: auto; } .small-push-8 { position: relative; left: 66.66667%; right: auto; } .small-pull-8 { position: relative; right: 66.66667%; left: auto; } .small-push-9 { position: relative; left: 75%; right: auto; } .small-pull-9 { position: relative; right: 75%; left: auto; } .small-push-10 { position: relative; left: 83.33333%; right: auto; } .small-pull-10 { position: relative; right: 83.33333%; left: auto; } .small-push-11 { position: relative; left: 91.66667%; right: auto; } .small-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.25rem; padding-right: 1.25rem; float: left; } .small-1 { width: 8.33333%; } .small-2 { width: 16.66667%; } .small-3 { width: 25%; } .small-4 { width: 33.33333%; } .small-5 { width: 41.66667%; } .small-6 { width: 50%; } .small-7 { width: 58.33333%; } .small-8 { width: 66.66667%; } .small-9 { width: 75%; } .small-10 { width: 83.33333%; } .small-11 { width: 91.66667%; } .small-12 { width: 100%; } .small-offset-0 { margin-left: 0 !important; } .small-offset-1 { margin-left: 8.33333% !important; } .small-offset-2 { margin-left: 16.66667% !important; } .small-offset-3 { margin-left: 25% !important; } .small-offset-4 { margin-left: 33.33333% !important; } .small-offset-5 { margin-left: 41.66667% !important; } .small-offset-6 { margin-left: 50% !important; } .small-offset-7 { margin-left: 58.33333% !important; } .small-offset-8 { margin-left: 66.66667% !important; } .small-offset-9 { margin-left: 75% !important; } .small-offset-10 { margin-left: 83.33333% !important; } .small-offset-11 { margin-left: 91.66667% !important; } .small-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.small-centered, .columns.small-centered { margin-left: auto; margin-right: auto; float: none; } .column.small-uncentered, .columns.small-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.small-centered:last-child, .columns.small-centered:last-child { float: none; } .column.small-uncentered:last-child, .columns.small-uncentered:last-child { float: left; } .column.small-uncentered.opposite, .columns.small-uncentered.opposite { float: right; } .row.small-collapse > .column, .row.small-collapse > .columns { padding-left: 0; padding-right: 0; } .row.small-collapse .row { margin-left: 0; margin-right: 0; } .row.small-uncollapse > .column, .row.small-uncollapse > .columns { padding-left: 1.25rem; padding-right: 1.25rem; float: left; } } @media only screen and (min-width: 728px) { .medium-push-0 { position: relative; left: 0; right: auto; } .medium-pull-0 { position: relative; right: 0; left: auto; } .medium-push-1 { position: relative; left: 8.33333%; right: auto; } .medium-pull-1 { position: relative; right: 8.33333%; left: auto; } .medium-push-2 { position: relative; left: 16.66667%; right: auto; } .medium-pull-2 { position: relative; right: 16.66667%; left: auto; } .medium-push-3 { position: relative; left: 25%; right: auto; } .medium-pull-3 { position: relative; right: 25%; left: auto; } .medium-push-4 { position: relative; left: 33.33333%; right: auto; } .medium-pull-4 { position: relative; right: 33.33333%; left: auto; } .medium-push-5 { position: relative; left: 41.66667%; right: auto; } .medium-pull-5 { position: relative; right: 41.66667%; left: auto; } .medium-push-6 { position: relative; left: 50%; right: auto; } .medium-pull-6 { position: relative; right: 50%; left: auto; } .medium-push-7 { position: relative; left: 58.33333%; right: auto; } .medium-pull-7 { position: relative; right: 58.33333%; left: auto; } .medium-push-8 { position: relative; left: 66.66667%; right: auto; } .medium-pull-8 { position: relative; right: 66.66667%; left: auto; } .medium-push-9 { position: relative; left: 75%; right: auto; } .medium-pull-9 { position: relative; right: 75%; left: auto; } .medium-push-10 { position: relative; left: 83.33333%; right: auto; } .medium-pull-10 { position: relative; right: 83.33333%; left: auto; } .medium-push-11 { position: relative; left: 91.66667%; right: auto; } .medium-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.25rem; padding-right: 1.25rem; float: left; } .medium-1 { width: 8.33333%; } .medium-2 { width: 16.66667%; } .medium-3 { width: 25%; } .medium-4 { width: 33.33333%; } .medium-5 { width: 41.66667%; } .medium-6 { width: 50%; } .medium-7 { width: 58.33333%; } .medium-8 { width: 66.66667%; } .medium-9 { width: 75%; } .medium-10 { width: 83.33333%; } .medium-11 { width: 91.66667%; } .medium-12 { width: 100%; } .medium-offset-0 { margin-left: 0 !important; } .medium-offset-1 { margin-left: 8.33333% !important; } .medium-offset-2 { margin-left: 16.66667% !important; } .medium-offset-3 { margin-left: 25% !important; } .medium-offset-4 { margin-left: 33.33333% !important; } .medium-offset-5 { margin-left: 41.66667% !important; } .medium-offset-6 { margin-left: 50% !important; } .medium-offset-7 { margin-left: 58.33333% !important; } .medium-offset-8 { margin-left: 66.66667% !important; } .medium-offset-9 { margin-left: 75% !important; } .medium-offset-10 { margin-left: 83.33333% !important; } .medium-offset-11 { margin-left: 91.66667% !important; } .medium-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.medium-centered, .columns.medium-centered { margin-left: auto; margin-right: auto; float: none; } .column.medium-uncentered, .columns.medium-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.medium-centered:last-child, .columns.medium-centered:last-child { float: none; } .column.medium-uncentered:last-child, .columns.medium-uncentered:last-child { float: left; } .column.medium-uncentered.opposite, .columns.medium-uncentered.opposite { float: right; } .row.medium-collapse > .column, .row.medium-collapse > .columns { padding-left: 0; padding-right: 0; } .row.medium-collapse .row { margin-left: 0; margin-right: 0; } .row.medium-uncollapse > .column, .row.medium-uncollapse > .columns { padding-left: 1.25rem; padding-right: 1.25rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } @media only screen and (min-width: 1086px) { .large-push-0 { position: relative; left: 0; right: auto; } .large-pull-0 { position: relative; right: 0; left: auto; } .large-push-1 { position: relative; left: 8.33333%; right: auto; } .large-pull-1 { position: relative; right: 8.33333%; left: auto; } .large-push-2 { position: relative; left: 16.66667%; right: auto; } .large-pull-2 { position: relative; right: 16.66667%; left: auto; } .large-push-3 { position: relative; left: 25%; right: auto; } .large-pull-3 { position: relative; right: 25%; left: auto; } .large-push-4 { position: relative; left: 33.33333%; right: auto; } .large-pull-4 { position: relative; right: 33.33333%; left: auto; } .large-push-5 { position: relative; left: 41.66667%; right: auto; } .large-pull-5 { position: relative; right: 41.66667%; left: auto; } .large-push-6 { position: relative; left: 50%; right: auto; } .large-pull-6 { position: relative; right: 50%; left: auto; } .large-push-7 { position: relative; left: 58.33333%; right: auto; } .large-pull-7 { position: relative; right: 58.33333%; left: auto; } .large-push-8 { position: relative; left: 66.66667%; right: auto; } .large-pull-8 { position: relative; right: 66.66667%; left: auto; } .large-push-9 { position: relative; left: 75%; right: auto; } .large-pull-9 { position: relative; right: 75%; left: auto; } .large-push-10 { position: relative; left: 83.33333%; right: auto; } .large-pull-10 { position: relative; right: 83.33333%; left: auto; } .large-push-11 { position: relative; left: 91.66667%; right: auto; } .large-pull-11 { position: relative; right: 91.66667%; left: auto; } .column, .columns { position: relative; padding-left: 1.25rem; padding-right: 1.25rem; float: left; } .large-1 { width: 8.33333%; } .large-2 { width: 16.66667%; } .large-3 { width: 25%; } .large-4 { width: 33.33333%; } .large-5 { width: 41.66667%; } .large-6 { width: 50%; } .large-7 { width: 58.33333%; } .large-8 { width: 66.66667%; } .large-9 { width: 75%; } .large-10 { width: 83.33333%; } .large-11 { width: 91.66667%; } .large-12 { width: 100%; } .large-offset-0 { margin-left: 0 !important; } .large-offset-1 { margin-left: 8.33333% !important; } .large-offset-2 { margin-left: 16.66667% !important; } .large-offset-3 { margin-left: 25% !important; } .large-offset-4 { margin-left: 33.33333% !important; } .large-offset-5 { margin-left: 41.66667% !important; } .large-offset-6 { margin-left: 50% !important; } .large-offset-7 { margin-left: 58.33333% !important; } .large-offset-8 { margin-left: 66.66667% !important; } .large-offset-9 { margin-left: 75% !important; } .large-offset-10 { margin-left: 83.33333% !important; } .large-offset-11 { margin-left: 91.66667% !important; } .large-reset-order { float: left; left: auto; margin-left: 0; margin-right: 0; right: auto; } .column.large-centered, .columns.large-centered { margin-left: auto; margin-right: auto; float: none; } .column.large-uncentered, .columns.large-uncentered { float: left; margin-left: 0; margin-right: 0; } .column.large-centered:last-child, .columns.large-centered:last-child { float: none; } .column.large-uncentered:last-child, .columns.large-uncentered:last-child { float: left; } .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right; } .row.large-collapse > .column, .row.large-collapse > .columns { padding-left: 0; padding-right: 0; } .row.large-collapse .row { margin-left: 0; margin-right: 0; } .row.large-uncollapse > .column, .row.large-uncollapse > .columns { padding-left: 1.25rem; padding-right: 1.25rem; float: left; } .push-0 { position: relative; left: 0; right: auto; } .pull-0 { position: relative; right: 0; left: auto; } .push-1 { position: relative; left: 8.33333%; right: auto; } .pull-1 { position: relative; right: 8.33333%; left: auto; } .push-2 { position: relative; left: 16.66667%; right: auto; } .pull-2 { position: relative; right: 16.66667%; left: auto; } .push-3 { position: relative; left: 25%; right: auto; } .pull-3 { position: relative; right: 25%; left: auto; } .push-4 { position: relative; left: 33.33333%; right: auto; } .pull-4 { position: relative; right: 33.33333%; left: auto; } .push-5 { position: relative; left: 41.66667%; right: auto; } .pull-5 { position: relative; right: 41.66667%; left: auto; } .push-6 { position: relative; left: 50%; right: auto; } .pull-6 { position: relative; right: 50%; left: auto; } .push-7 { position: relative; left: 58.33333%; right: auto; } .pull-7 { position: relative; right: 58.33333%; left: auto; } .push-8 { position: relative; left: 66.66667%; right: auto; } .pull-8 { position: relative; right: 66.66667%; left: auto; } .push-9 { position: relative; left: 75%; right: auto; } .pull-9 { position: relative; right: 75%; left: auto; } .push-10 { position: relative; left: 83.33333%; right: auto; } .pull-10 { position: relative; right: 83.33333%; left: auto; } .push-11 { position: relative; left: 91.66667%; right: auto; } .pull-11 { position: relative; right: 91.66667%; left: auto; } } [class*="block-grid-"] { display: block; padding: 0; margin: 0 -25px; } [class*="block-grid-"]:before, [class*="block-grid-"]:after { content: " "; display: table; } [class*="block-grid-"]:after { clear: both; } [class*="block-grid-"] > li { display: block; float: left; height: auto; padding: 0 25px 50px; } @media only screen { .small-block-grid-1 > li { list-style: none; width: 100%; } .small-block-grid-1 > li:nth-of-type(1n) { clear: none; } .small-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .small-block-grid-2 > li { list-style: none; width: 50%; } .small-block-grid-2 > li:nth-of-type(1n) { clear: none; } .small-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .small-block-grid-3 > li { list-style: none; width: 33.33333%; } .small-block-grid-3 > li:nth-of-type(1n) { clear: none; } .small-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .small-block-grid-4 > li { list-style: none; width: 25%; } .small-block-grid-4 > li:nth-of-type(1n) { clear: none; } .small-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .small-block-grid-5 > li { list-style: none; width: 20%; } .small-block-grid-5 > li:nth-of-type(1n) { clear: none; } .small-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .small-block-grid-6 > li { list-style: none; width: 16.66667%; } .small-block-grid-6 > li:nth-of-type(1n) { clear: none; } .small-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .small-block-grid-7 > li { list-style: none; width: 14.28571%; } .small-block-grid-7 > li:nth-of-type(1n) { clear: none; } .small-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .small-block-grid-8 > li { list-style: none; width: 12.5%; } .small-block-grid-8 > li:nth-of-type(1n) { clear: none; } .small-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .small-block-grid-9 > li { list-style: none; width: 11.11111%; } .small-block-grid-9 > li:nth-of-type(1n) { clear: none; } .small-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .small-block-grid-10 > li { list-style: none; width: 10%; } .small-block-grid-10 > li:nth-of-type(1n) { clear: none; } .small-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .small-block-grid-11 > li { list-style: none; width: 9.09091%; } .small-block-grid-11 > li:nth-of-type(1n) { clear: none; } .small-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .small-block-grid-12 > li { list-style: none; width: 8.33333%; } .small-block-grid-12 > li:nth-of-type(1n) { clear: none; } .small-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 728px) { .medium-block-grid-1 > li { list-style: none; width: 100%; } .medium-block-grid-1 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .medium-block-grid-2 > li { list-style: none; width: 50%; } .medium-block-grid-2 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .medium-block-grid-3 > li { list-style: none; width: 33.33333%; } .medium-block-grid-3 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .medium-block-grid-4 > li { list-style: none; width: 25%; } .medium-block-grid-4 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .medium-block-grid-5 > li { list-style: none; width: 20%; } .medium-block-grid-5 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .medium-block-grid-6 > li { list-style: none; width: 16.66667%; } .medium-block-grid-6 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .medium-block-grid-7 > li { list-style: none; width: 14.28571%; } .medium-block-grid-7 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .medium-block-grid-8 > li { list-style: none; width: 12.5%; } .medium-block-grid-8 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .medium-block-grid-9 > li { list-style: none; width: 11.11111%; } .medium-block-grid-9 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .medium-block-grid-10 > li { list-style: none; width: 10%; } .medium-block-grid-10 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .medium-block-grid-11 > li { list-style: none; width: 9.09091%; } .medium-block-grid-11 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .medium-block-grid-12 > li { list-style: none; width: 8.33333%; } .medium-block-grid-12 > li:nth-of-type(1n) { clear: none; } .medium-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } @media only screen and (min-width: 1086px) { .large-block-grid-1 > li { list-style: none; width: 100%; } .large-block-grid-1 > li:nth-of-type(1n) { clear: none; } .large-block-grid-1 > li:nth-of-type(1n+1) { clear: both; } .large-block-grid-2 > li { list-style: none; width: 50%; } .large-block-grid-2 > li:nth-of-type(1n) { clear: none; } .large-block-grid-2 > li:nth-of-type(2n+1) { clear: both; } .large-block-grid-3 > li { list-style: none; width: 33.33333%; } .large-block-grid-3 > li:nth-of-type(1n) { clear: none; } .large-block-grid-3 > li:nth-of-type(3n+1) { clear: both; } .large-block-grid-4 > li { list-style: none; width: 25%; } .large-block-grid-4 > li:nth-of-type(1n) { clear: none; } .large-block-grid-4 > li:nth-of-type(4n+1) { clear: both; } .large-block-grid-5 > li { list-style: none; width: 20%; } .large-block-grid-5 > li:nth-of-type(1n) { clear: none; } .large-block-grid-5 > li:nth-of-type(5n+1) { clear: both; } .large-block-grid-6 > li { list-style: none; width: 16.66667%; } .large-block-grid-6 > li:nth-of-type(1n) { clear: none; } .large-block-grid-6 > li:nth-of-type(6n+1) { clear: both; } .large-block-grid-7 > li { list-style: none; width: 14.28571%; } .large-block-grid-7 > li:nth-of-type(1n) { clear: none; } .large-block-grid-7 > li:nth-of-type(7n+1) { clear: both; } .large-block-grid-8 > li { list-style: none; width: 12.5%; } .large-block-grid-8 > li:nth-of-type(1n) { clear: none; } .large-block-grid-8 > li:nth-of-type(8n+1) { clear: both; } .large-block-grid-9 > li { list-style: none; width: 11.11111%; } .large-block-grid-9 > li:nth-of-type(1n) { clear: none; } .large-block-grid-9 > li:nth-of-type(9n+1) { clear: both; } .large-block-grid-10 > li { list-style: none; width: 10%; } .large-block-grid-10 > li:nth-of-type(1n) { clear: none; } .large-block-grid-10 > li:nth-of-type(10n+1) { clear: both; } .large-block-grid-11 > li { list-style: none; width: 9.09091%; } .large-block-grid-11 > li:nth-of-type(1n) { clear: none; } .large-block-grid-11 > li:nth-of-type(11n+1) { clear: both; } .large-block-grid-12 > li { list-style: none; width: 8.33333%; } .large-block-grid-12 > li:nth-of-type(1n) { clear: none; } .large-block-grid-12 > li:nth-of-type(12n+1) { clear: both; } } button, .button { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; border-style: solid; border-width: 0; cursor: pointer; font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: normal; margin: 0 0 1.25rem; position: relative; text-align: center; text-decoration: none; display: inline-block; padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; background-color: #0065a4; border-color: #005183; color: #FFFFFF; -webkit-transition: background-color 300ms ease-out; -o-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } button:hover, button:focus, .button:hover, .button:focus { background-color: #005183; } button:hover, button:focus, .button:hover, .button:focus { color: #FFFFFF; } button.secondary, .button.secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #b9b9b9; } button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } button.success, .button.success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #368a55; } button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: #FFFFFF; } button.alert, .button.alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #cf2a0e; } button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: #FFFFFF; } button.warning, .button.warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { background-color: #cf6e0e; } button.warning:hover, button.warning:focus, .button.warning:hover, .button.warning:focus { color: #FFFFFF; } button.info, .button.info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { background-color: #61b6d9; } button.info:hover, button.info:focus, .button.info:hover, .button.info:focus { color: #FFFFFF; } button.large, .button.large { padding: 1.125rem 2.25rem 1.1875rem 2.25rem; font-size: 1.25rem; } button.small, .button.small { padding: 0.875rem 1.75rem 0.9375rem 1.75rem; font-size: 0.8125rem; } button.tiny, .button.tiny { padding: 0.625rem 1.25rem 0.6875rem 1.25rem; font-size: 0.6875rem; } button.expand, .button.expand { padding: 1rem 2rem 1.0625rem 2rem; font-size: 1rem; padding-bottom: 1.0625rem; padding-top: 1rem; padding-left: 1rem; padding-right: 1rem; width: 100%; } button.left-align, .button.left-align { text-align: left; text-indent: 0.75rem; } button.right-align, .button.right-align { text-align: right; padding-right: 0.75rem; } button.radius, .button.radius { border-radius: 3px; } button.round, .button.round { border-radius: 1000px; } button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #0065a4; border-color: #005183; color: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #005183; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: #FFFFFF; } button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #0065a4; } button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e7e7e7; border-color: #b9b9b9; color: #333333; -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #b9b9b9; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e7e7e7; } button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #43AC6A; border-color: #368a55; color: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #368a55; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: #FFFFFF; } button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #43AC6A; } button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #f04124; border-color: #cf2a0e; color: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #cf2a0e; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: #FFFFFF; } button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #f04124; } button.disabled.warning, button[disabled].warning, .button.disabled.warning, .button[disabled].warning { background-color: #f08a24; border-color: #cf6e0e; color: #FFFFFF; -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #cf6e0e; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { color: #FFFFFF; } button.disabled.warning:hover, button.disabled.warning:focus, button[disabled].warning:hover, button[disabled].warning:focus, .button.disabled.warning:hover, .button.disabled.warning:focus, .button[disabled].warning:hover, .button[disabled].warning:focus { background-color: #f08a24; } button.disabled.info, button[disabled].info, .button.disabled.info, .button[disabled].info { background-color: #a0d3e8; border-color: #61b6d9; color: #333333; -webkit-box-shadow: none; box-shadow: none; cursor: default; opacity: 0.7; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #61b6d9; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { color: #FFFFFF; } button.disabled.info:hover, button.disabled.info:focus, button[disabled].info:hover, button[disabled].info:focus, .button.disabled.info:hover, .button.disabled.info:focus, .button[disabled].info:hover, .button[disabled].info:focus { background-color: #a0d3e8; } button::-moz-focus-inner { border: 0; padding: 0; } @media only screen and (min-width: 728px) { button, .button { display: inline-block; } } /* Standard Forms */ form { margin: 0 0 1rem; } /* Using forms within rows, we need to set some defaults */ form .row .row { margin: 0 -0.5rem; } form .row .row .column, form .row .row .columns { padding: 0 0.5rem; } form .row .row.collapse { margin: 0; } form .row .row.collapse .column, form .row .row.collapse .columns { padding: 0; } form .row .row.collapse input { -webkit-border-bottom-right-radius: 0; -webkit-border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-right-radius: 0; } form .row input.column, form .row input.columns, form .row textarea.column, form .row textarea.columns { padding-left: 0.5rem; } /* Label Styles */ label { color: #4d4d4d; cursor: pointer; display: block; font-size: 0.875rem; font-weight: 400; line-height: 1.5; margin-bottom: 0; /* Styles for required inputs */ } label.right { float: none !important; text-align: right; } label.inline { margin: 0 0 1rem 0; padding: 0.5625rem 0; } label small { text-transform: capitalize; color: #676767; } /* Attach elements to the beginning or end of an input */ .prefix, .postfix { border-style: solid; border-width: 1px; display: block; font-size: 0.875rem; height: 2.3125rem; line-height: 2.3125rem; overflow: visible; padding-bottom: 0; padding-top: 0; position: relative; text-align: center; width: 100%; z-index: 2; } /* Adjust padding, alignment and radius if pre/post element is a button */ .postfix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; } .prefix.button { border: none; padding-left: 0; padding-right: 0; padding-bottom: 0; padding-top: 0; text-align: center; } .prefix.button.radius { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .postfix.button.radius { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .prefix.button.round { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } .postfix.button.round { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } /* Separate prefix and postfix styles when on span or label so buttons keep their own */ span.prefix, label.prefix { background: #f2f2f2; border-right: none; color: #333333; border-color: #cccccc; } span.postfix, label.postfix { background: #f2f2f2; border-left: none; color: #333333; border-color: #cccccc; } /* We use this to get basic styling on all basic form elements */ input:not([type]), input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; background-color: #FFFFFF; border-style: solid; border-width: 1px; border-color: #cccccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); color: rgba(0, 0, 0, 0.75); display: block; font-family: inherit; font-size: 0.875rem; height: 2.3125rem; margin: 0 0 1rem 0; padding: 0.5rem; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: border-color 0.15s linear, background 0.15s linear; -o-transition: border-color 0.15s linear, background 0.15s linear; transition: border-color 0.15s linear, background 0.15s linear; } input:not([type]):focus, input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="color"]:focus, textarea:focus { background: #fafafa; border-color: #999999; outline: none; } input:not([type]):disabled, input[type="text"]:disabled, input[type="password"]:disabled, input[type="date"]:disabled, input[type="datetime"]:disabled, input[type="datetime-local"]:disabled, input[type="month"]:disabled, input[type="week"]:disabled, input[type="email"]:disabled, input[type="number"]:disabled, input[type="search"]:disabled, input[type="tel"]:disabled, input[type="time"]:disabled, input[type="url"]:disabled, input[type="color"]:disabled, textarea:disabled { background-color: #DDDDDD; cursor: default; } input:not([type])[disabled], input:not([type])[readonly], fieldset[disabled] input:not([type]), input[type="text"][disabled], input[type="text"][readonly], fieldset[disabled] input[type="text"], input[type="password"][disabled], input[type="password"][readonly], fieldset[disabled] input[type="password"], input[type="date"][disabled], input[type="date"][readonly], fieldset[disabled] input[type="date"], input[type="datetime"][disabled], input[type="datetime"][readonly], fieldset[disabled] input[type="datetime"], input[type="datetime-local"][disabled], input[type="datetime-local"][readonly], fieldset[disabled] input[type="datetime-local"], input[type="month"][disabled], input[type="month"][readonly], fieldset[disabled] input[type="month"], input[type="week"][disabled], input[type="week"][readonly], fieldset[disabled] input[type="week"], input[type="email"][disabled], input[type="email"][readonly], fieldset[disabled] input[type="email"], input[type="number"][disabled], input[type="number"][readonly], fieldset[disabled] input[type="number"], input[type="search"][disabled], input[type="search"][readonly], fieldset[disabled] input[type="search"], input[type="tel"][disabled], input[type="tel"][readonly], fieldset[disabled] input[type="tel"], input[type="time"][disabled], input[type="time"][readonly], fieldset[disabled] input[type="time"], input[type="url"][disabled], input[type="url"][readonly], fieldset[disabled] input[type="url"], input[type="color"][disabled], input[type="color"][readonly], fieldset[disabled] input[type="color"], textarea[disabled], textarea[readonly], fieldset[disabled] textarea { background-color: #DDDDDD; cursor: default; } input:not([type]).radius, input[type="text"].radius, input[type="password"].radius, input[type="date"].radius, input[type="datetime"].radius, input[type="datetime-local"].radius, input[type="month"].radius, input[type="week"].radius, input[type="email"].radius, input[type="number"].radius, input[type="search"].radius, input[type="tel"].radius, input[type="time"].radius, input[type="url"].radius, input[type="color"].radius, textarea.radius { border-radius: 3px; } form .row .prefix-radius.row.collapse input, form .row .prefix-radius.row.collapse textarea, form .row .prefix-radius.row.collapse select, form .row .prefix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-radius.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse input, form .row .postfix-radius.row.collapse textarea, form .row .postfix-radius.row.collapse select, form .row .postfix-radius.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } form .row .postfix-radius.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } form .row .prefix-round.row.collapse input, form .row .prefix-round.row.collapse textarea, form .row .prefix-round.row.collapse select, form .row .prefix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } form .row .prefix-round.row.collapse .prefix { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse input, form .row .postfix-round.row.collapse textarea, form .row .postfix-round.row.collapse select, form .row .postfix-round.row.collapse button { border-radius: 0; -webkit-border-bottom-left-radius: 1000px; -webkit-border-top-left-radius: 1000px; border-bottom-left-radius: 1000px; border-top-left-radius: 1000px; } form .row .postfix-round.row.collapse .postfix { border-radius: 0; -webkit-border-bottom-right-radius: 1000px; -webkit-border-top-right-radius: 1000px; border-bottom-right-radius: 1000px; border-top-right-radius: 1000px; } input[type="submit"] { -webkit-appearance: none; -moz-appearance: none; border-radius: 0; } /* Respect enforced amount of rows for textarea */ textarea[rows] { height: auto; } /* Not allow resize out of parent */ textarea { max-width: 100%; } ::-webkit-input-placeholder { color: #666666; } :-moz-placeholder { /* Firefox 18- */ color: #666666; } ::-moz-placeholder { /* Firefox 19+ */ color: #666666; } :-ms-input-placeholder { color: #666666; } /* Add height value for select elements to match text input height */ select { -webkit-appearance: none !important; -moz-appearance: none !important; background-color: #FAFAFA; border-radius: 0; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgeD0iMTJweCIgeT0iMHB4IiB3aWR0aD0iMjRweCIgaGVpZ2h0PSIzcHgiIHZpZXdCb3g9IjAgMCA2IDMiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDYgMyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBvbHlnb24gcG9pbnRzPSI1Ljk5MiwwIDIuOTkyLDMgLTAuMDA4LDAgIi8+PC9zdmc+"); background-position: 100% center; background-repeat: no-repeat; border-style: solid; border-width: 1px; border-color: #cccccc; color: rgba(0, 0, 0, 0.75); font-family: inherit; font-size: 0.875rem; line-height: normal; padding: 0.5rem; border-radius: 0; height: 2.3125rem; } select::-ms-expand { display: none; } select.radius { border-radius: 3px; } select:focus { background-color: #f3f3f3; border-color: #999999; } select:disabled { background-color: #DDDDDD; cursor: default; } select[multiple] { height: auto; } /* Adjust margin for form elements below */ input[type="file"], input[type="checkbox"], input[type="radio"], select { margin: 0 0 1rem 0; } input[type="checkbox"] + label, input[type="radio"] + label { display: inline-block; margin-left: 0.5rem; margin-right: 1rem; margin-bottom: 0; vertical-align: baseline; } /* Normalize file input width */ input[type="file"] { width: 100%; } /* HTML5 Number spinners settings */ /* We add basic fieldset styling */ fieldset { border: 1px solid #DDDDDD; margin: 1.125rem 0; padding: 1.25rem; } fieldset legend { font-weight: 700; margin: 0; margin-left: -0.1875rem; padding: 0 0.1875rem; } /* Error Handling */ [data-abide] .error small.error, [data-abide] .error span.error, [data-abide] span.error, [data-abide] small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: 400; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } [data-abide] span.error, [data-abide] small.error { display: none; } span.error, small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: 400; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } .error input, .error textarea, .error select { margin-bottom: 0; } .error input[type="checkbox"], .error input[type="radio"] { margin-bottom: 1rem; } .error label, .error label.error { color: #f04124; } .error small.error { display: block; font-size: 0.75rem; font-style: italic; font-weight: 400; margin-bottom: 1rem; margin-top: -1px; padding: 0.375rem 0.5625rem 0.5625rem; background: #f04124; color: #FFFFFF; } .error > label > small { background: transparent; color: #676767; display: inline; font-size: 60%; font-style: normal; margin: 0; padding: 0; text-transform: capitalize; } .error span.error-message { display: block; } input.error, textarea.error, select.error { margin-bottom: 0; } label.error { color: #f04124; } ul.pagination { display: block; margin-left: -0.3125rem; min-height: 1.5rem; } ul.pagination li { color: #222222; font-size: 0.875rem; height: 1.5rem; margin-left: 0.3125rem; } ul.pagination li a, ul.pagination li button { border-radius: 3px; -webkit-transition: background-color 300ms ease-out; -o-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; background: none; color: #999999; display: block; font-size: 1em; font-weight: normal; line-height: inherit; padding: 0.0625rem 0.625rem 0.0625rem; } ul.pagination li:hover a, ul.pagination li a:focus, ul.pagination li:hover button, ul.pagination li button:focus { background: #e6e6e6; } ul.pagination li.unavailable a, ul.pagination li.unavailable button { cursor: default; color: #999999; pointer-events: none; } ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus, ul.pagination li.unavailable:hover button, ul.pagination li.unavailable button:focus { background: transparent; } ul.pagination li.current a, ul.pagination li.current button { background: #0065a4; color: #FFFFFF; cursor: default; font-weight: 700; } ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus { background: #0065a4; } ul.pagination li { display: block; float: left; } /* Pagination centred wrapper */ .pagination-centered { text-align: center; } .pagination-centered ul.pagination li { display: inline-block; float: none; } .reveal-modal-bg { background: #000000; background: rgba(0, 0, 0, 0.45); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 1004; left: 0; } .reveal-modal { border-radius: 3px; display: none; position: absolute; top: 0; visibility: hidden; width: 100%; z-index: 1005; left: 0; background-color: #FFFFFF; padding: 1.875rem; border: solid 1px #666666; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } @media only screen and (max-width: 727px) { .reveal-modal { min-height: 100vh; } } .reveal-modal .column, .reveal-modal .columns { min-width: 0; } .reveal-modal > :first-child { margin-top: 0; } .reveal-modal > :last-child { margin-bottom: 0; } @media only screen and (min-width: 728px) { .reveal-modal { left: 0; margin: 0 auto; max-width: 1176px; right: 0; width: 80%; } } @media only screen and (min-width: 728px) { .reveal-modal { top: 6.25rem; } } .reveal-modal.radius { -webkit-box-shadow: none; box-shadow: none; border-radius: 3px; } .reveal-modal.round { -webkit-box-shadow: none; box-shadow: none; border-radius: 1000px; } .reveal-modal.collapse { padding: 0; -webkit-box-shadow: none; box-shadow: none; } @media only screen and (min-width: 728px) { .reveal-modal.tiny { left: 0; margin: 0 auto; max-width: 1176px; right: 0; width: 30%; } } @media only screen and (min-width: 728px) { .reveal-modal.small { left: 0; margin: 0 auto; max-width: 1176px; right: 0; width: 40%; } } @media only screen and (min-width: 728px) { .reveal-modal.medium { left: 0; margin: 0 auto; max-width: 1176px; right: 0; width: 60%; } } @media only screen and (min-width: 728px) { .reveal-modal.large { left: 0; margin: 0 auto; max-width: 1176px; right: 0; width: 70%; } } @media only screen and (min-width: 728px) { .reveal-modal.xlarge { left: 0; margin: 0 auto; max-width: 1176px; right: 0; width: 95%; } } .reveal-modal.full { height: 100vh; height: 100%; left: 0; margin-left: 0 !important; max-width: none !important; min-height: 100vh; top: 0; } @media only screen and (min-width: 728px) { .reveal-modal.full { left: 0; margin: 0 auto; max-width: 1176px; right: 0; width: 100%; } } .reveal-modal.toback { z-index: 1003; } .reveal-modal .close-reveal-modal { color: #AAAAAA; cursor: pointer; font-size: 1.25rem; font-weight: 700; line-height: 1; position: absolute; top: 1.375rem; right: 1.375rem; } /* small displays */ @media only screen { .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .visible-for-small-only, .visible-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .hidden-for-small-only, .hidden-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.show-for-small-only, table.show-for-small-up, table.show-for-small, table.show-for-small-down, table.hide-for-medium-only, table.hide-for-medium-up, table.hide-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.show-for-small-only, thead.show-for-small-up, thead.show-for-small, thead.show-for-small-down, thead.hide-for-medium-only, thead.hide-for-medium-up, thead.hide-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.show-for-small-only, tbody.show-for-small-up, tbody.show-for-small, tbody.show-for-small-down, tbody.hide-for-medium-only, tbody.hide-for-medium-up, tbody.hide-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.show-for-small-only, tr.show-for-small-up, tr.show-for-small, tr.show-for-small-down, tr.hide-for-medium-only, tr.hide-for-medium-up, tr.hide-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.show-for-small-only, td.show-for-small-only, th.show-for-small-up, td.show-for-small-up, th.show-for-small, td.show-for-small, th.show-for-small-down, td.show-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.hide-for-medium-up, td.hide-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* medium displays */ @media only screen and (min-width: 728px) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .visible-for-medium-only, .visible-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .hidden-for-medium-only, .hidden-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.show-for-medium-only, table.show-for-medium-up, table.show-for-medium, table.show-for-medium-down, table.hide-for-large-only, table.hide-for-large-up, table.hide-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.show-for-medium-only, thead.show-for-medium-up, thead.show-for-medium, thead.show-for-medium-down, thead.hide-for-large-only, thead.hide-for-large-up, thead.hide-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.show-for-medium-only, tbody.show-for-medium-up, tbody.show-for-medium, tbody.show-for-medium-down, tbody.hide-for-large-only, tbody.hide-for-large-up, tbody.hide-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.show-for-medium-only, tr.show-for-medium-up, tr.show-for-medium, tr.show-for-medium-down, tr.hide-for-large-only, tr.hide-for-large-up, tr.hide-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.show-for-medium-only, td.show-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.show-for-medium, td.show-for-medium, th.show-for-medium-down, td.show-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.hide-for-large-up, td.hide-for-large-up, th.hide-for-large, td.hide-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* large displays */ @media only screen and (min-width: 1086px) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .visible-for-large-only, .visible-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .hidden-for-large-only, .hidden-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.show-for-large-only, table.show-for-large-up, table.show-for-large, table.show-for-large-down, table.hide-for-xlarge-only, table.hide-for-xlarge-up, table.hide-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.show-for-large-only, thead.show-for-large-up, thead.show-for-large, thead.show-for-large-down, thead.hide-for-xlarge-only, thead.hide-for-xlarge-up, thead.hide-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.show-for-large-only, tbody.show-for-large-up, tbody.show-for-large, tbody.show-for-large-down, tbody.hide-for-xlarge-only, tbody.hide-for-xlarge-up, tbody.hide-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.show-for-large-only, tr.show-for-large-up, tr.show-for-large, tr.show-for-large-down, tr.hide-for-xlarge-only, tr.hide-for-xlarge-up, tr.hide-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.show-for-large-only, td.show-for-large-only, th.show-for-large-up, td.show-for-large-up, th.show-for-large, td.show-for-large, th.show-for-large-down, td.show-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.hide-for-xlarge-up, td.hide-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xlarge displays */ @media only screen and (min-width: 1401px) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .visible-for-xlarge-only, .visible-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .hidden-for-xlarge-only, .hidden-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.show-for-xlarge-only, table.show-for-xlarge-up, table.show-for-xlarge, table.show-for-xlarge-down, table.hide-for-xxlarge-only, table.hide-for-xxlarge-up, table.hide-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.show-for-xlarge-only, thead.show-for-xlarge-up, thead.show-for-xlarge, thead.show-for-xlarge-down, thead.hide-for-xxlarge-only, thead.hide-for-xxlarge-up, thead.hide-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.show-for-xlarge-only, tbody.show-for-xlarge-up, tbody.show-for-xlarge, tbody.show-for-xlarge-down, tbody.hide-for-xxlarge-only, tbody.hide-for-xxlarge-up, tbody.hide-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.show-for-xlarge-only, tr.show-for-xlarge-up, tr.show-for-xlarge, tr.show-for-xlarge-down, tr.hide-for-xxlarge-only, tr.hide-for-xxlarge-up, tr.hide-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.show-for-xlarge-only, td.show-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.show-for-xlarge, td.show-for-xlarge, th.show-for-xlarge-down, td.show-for-xlarge-down, th.hide-for-xxlarge-only, td.hide-for-xxlarge-only, th.hide-for-xxlarge-up, td.hide-for-xxlarge-up, th.hide-for-xxlarge, td.hide-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* xxlarge displays */ @media only screen and (min-width: 1921px) { .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .show-for-xxlarge-down { display: inherit !important; } .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up, .show-for-xlarge, .show-for-xlarge-down, .hide-for-xxlarge-only, .hide-for-xxlarge-up, .hide-for-xxlarge, .hide-for-xxlarge-down { display: none !important; } .hidden-for-small-only, .visible-for-small-up, .hidden-for-small, .hidden-for-small-down, .hidden-for-medium-only, .visible-for-medium-up, .hidden-for-medium, .hidden-for-medium-down, .hidden-for-large-only, .visible-for-large-up, .hidden-for-large, .hidden-for-large-down, .hidden-for-xlarge-only, .visible-for-xlarge-up, .hidden-for-xlarge, .hidden-for-xlarge-down, .visible-for-xxlarge-only, .visible-for-xxlarge-up, .visible-for-xxlarge, .visible-for-xxlarge-down { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } .visible-for-small-only, .hidden-for-small-up, .visible-for-small, .visible-for-small-down, .visible-for-medium-only, .hidden-for-medium-up, .visible-for-medium, .visible-for-medium-down, .visible-for-large-only, .hidden-for-large-up, .visible-for-large, .visible-for-large-down, .visible-for-xlarge-only, .hidden-for-xlarge-up, .visible-for-xlarge, .visible-for-xlarge-down, .hidden-for-xxlarge-only, .hidden-for-xxlarge-up, .hidden-for-xxlarge, .hidden-for-xxlarge-down { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } table.hide-for-small-only, table.show-for-small-up, table.hide-for-small, table.hide-for-small-down, table.hide-for-medium-only, table.show-for-medium-up, table.hide-for-medium, table.hide-for-medium-down, table.hide-for-large-only, table.show-for-large-up, table.hide-for-large, table.hide-for-large-down, table.hide-for-xlarge-only, table.show-for-xlarge-up, table.hide-for-xlarge, table.hide-for-xlarge-down, table.show-for-xxlarge-only, table.show-for-xxlarge-up, table.show-for-xxlarge, table.show-for-xxlarge-down { display: table !important; } thead.hide-for-small-only, thead.show-for-small-up, thead.hide-for-small, thead.hide-for-small-down, thead.hide-for-medium-only, thead.show-for-medium-up, thead.hide-for-medium, thead.hide-for-medium-down, thead.hide-for-large-only, thead.show-for-large-up, thead.hide-for-large, thead.hide-for-large-down, thead.hide-for-xlarge-only, thead.show-for-xlarge-up, thead.hide-for-xlarge, thead.hide-for-xlarge-down, thead.show-for-xxlarge-only, thead.show-for-xxlarge-up, thead.show-for-xxlarge, thead.show-for-xxlarge-down { display: table-header-group !important; } tbody.hide-for-small-only, tbody.show-for-small-up, tbody.hide-for-small, tbody.hide-for-small-down, tbody.hide-for-medium-only, tbody.show-for-medium-up, tbody.hide-for-medium, tbody.hide-for-medium-down, tbody.hide-for-large-only, tbody.show-for-large-up, tbody.hide-for-large, tbody.hide-for-large-down, tbody.hide-for-xlarge-only, tbody.show-for-xlarge-up, tbody.hide-for-xlarge, tbody.hide-for-xlarge-down, tbody.show-for-xxlarge-only, tbody.show-for-xxlarge-up, tbody.show-for-xxlarge, tbody.show-for-xxlarge-down { display: table-row-group !important; } tr.hide-for-small-only, tr.show-for-small-up, tr.hide-for-small, tr.hide-for-small-down, tr.hide-for-medium-only, tr.show-for-medium-up, tr.hide-for-medium, tr.hide-for-medium-down, tr.hide-for-large-only, tr.show-for-large-up, tr.hide-for-large, tr.hide-for-large-down, tr.hide-for-xlarge-only, tr.show-for-xlarge-up, tr.hide-for-xlarge, tr.hide-for-xlarge-down, tr.show-for-xxlarge-only, tr.show-for-xxlarge-up, tr.show-for-xxlarge, tr.show-for-xxlarge-down { display: table-row; } th.hide-for-small-only, td.hide-for-small-only, th.show-for-small-up, td.show-for-small-up, th.hide-for-small, td.hide-for-small, th.hide-for-small-down, td.hide-for-small-down, th.hide-for-medium-only, td.hide-for-medium-only, th.show-for-medium-up, td.show-for-medium-up, th.hide-for-medium, td.hide-for-medium, th.hide-for-medium-down, td.hide-for-medium-down, th.hide-for-large-only, td.hide-for-large-only, th.show-for-large-up, td.show-for-large-up, th.hide-for-large, td.hide-for-large, th.hide-for-large-down, td.hide-for-large-down, th.hide-for-xlarge-only, td.hide-for-xlarge-only, th.show-for-xlarge-up, td.show-for-xlarge-up, th.hide-for-xlarge, td.hide-for-xlarge, th.hide-for-xlarge-down, td.hide-for-xlarge-down, th.show-for-xxlarge-only, td.show-for-xxlarge-only, th.show-for-xxlarge-up, td.show-for-xxlarge-up, th.show-for-xxlarge, td.show-for-xxlarge, th.show-for-xxlarge-down, td.show-for-xxlarge-down { display: table-cell !important; } } /* Orientation targeting */ .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.hide-for-landscape, table.show-for-portrait { display: table !important; } thead.hide-for-landscape, thead.show-for-portrait { display: table-header-group !important; } tbody.hide-for-landscape, tbody.show-for-portrait { display: table-row-group !important; } tr.hide-for-landscape, tr.show-for-portrait { display: table-row !important; } td.hide-for-landscape, td.show-for-portrait, th.hide-for-landscape, th.show-for-portrait { display: table-cell !important; } @media only screen and (orientation: landscape) { .show-for-landscape, .hide-for-portrait { display: inherit !important; } .hide-for-landscape, .show-for-portrait { display: none !important; } /* Specific visibility for tables */ table.show-for-landscape, table.hide-for-portrait { display: table !important; } thead.show-for-landscape, thead.hide-for-portrait { display: table-header-group !important; } tbody.show-for-landscape, tbody.hide-for-portrait { display: table-row-group !important; } tr.show-for-landscape, tr.hide-for-portrait { display: table-row !important; } td.show-for-landscape, td.hide-for-portrait, th.show-for-landscape, th.hide-for-portrait { display: table-cell !important; } } @media only screen and (orientation: portrait) { .show-for-portrait, .hide-for-landscape { display: inherit !important; } .hide-for-portrait, .show-for-landscape { display: none !important; } /* Specific visibility for tables */ table.show-for-portrait, table.hide-for-landscape { display: table !important; } thead.show-for-portrait, thead.hide-for-landscape { display: table-header-group !important; } tbody.show-for-portrait, tbody.hide-for-landscape { display: table-row-group !important; } tr.show-for-portrait, tr.hide-for-landscape { display: table-row !important; } td.show-for-portrait, td.hide-for-landscape, th.show-for-portrait, th.hide-for-landscape { display: table-cell !important; } } /* Touch-enabled device targeting */ .show-for-touch { display: none !important; } .hide-for-touch { display: inherit !important; } .touch .show-for-touch { display: inherit !important; } .touch .hide-for-touch { display: none !important; } /* Specific visibility for tables */ table.hide-for-touch { display: table !important; } .touch table.show-for-touch { display: table !important; } thead.hide-for-touch { display: table-header-group !important; } .touch thead.show-for-touch { display: table-header-group !important; } tbody.hide-for-touch { display: table-row-group !important; } .touch tbody.show-for-touch { display: table-row-group !important; } tr.hide-for-touch { display: table-row !important; } .touch tr.show-for-touch { display: table-row !important; } td.hide-for-touch { display: table-cell !important; } .touch td.show-for-touch { display: table-cell !important; } th.hide-for-touch { display: table-cell !important; } .touch th.show-for-touch { display: table-cell !important; } /* Screen reader-specific classes */ .show-for-sr { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus { clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .show-on-focus:focus, .show-on-focus:active { position: static !important; height: auto; width: auto; overflow: visible; clip: auto; } /* Print visibility */ .print-only, .show-for-print { display: none !important; } @media print { .print-only, .show-for-print { display: block !important; } .hide-on-print, .hide-for-print { display: none !important; } table.show-for-print { display: table !important; } thead.show-for-print { display: table-header-group !important; } tbody.show-for-print { display: table-row-group !important; } tr.show-for-print { display: table-row !important; } td.show-for-print { display: table-cell !important; } th.show-for-print { display: table-cell !important; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .alpha__big-box, .alpha__global, .footer { display: none; } } h1, .h1 { font-weight: 800; } @media only screen and (max-width: 727px) { h1, .h1 { font-size: 1.6875rem; line-height: 1.2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h1, .h1 { font-size: 2.75rem; line-height: 1.2; } } @media only screen and (min-width: 1086px) { h1, .h1 { font-size: 3.125rem; line-height: 1.15; } } h2, .h2 { font-weight: 800; } @media only screen and (max-width: 727px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h2, .h2 { font-size: 1.9375rem; line-height: 1.15; } } h3, .h3 { font-weight: 700; } @media only screen and (max-width: 727px) { h3, .h3 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h3, .h3 { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { h3, .h3 { font-size: 1.25rem; } } h4, .h4 { font-weight: 800; } @media only screen and (max-width: 727px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h4, .h4 { font-size: 1.1875rem; line-height: 1.25; } } h5, .h5 { font-weight: 700; } @media only screen and (max-width: 727px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-weight: 700; } @media only screen and (max-width: 727px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { h6, .h6 { font-size: 0.6875rem; } } .icon-burger { position: relative; display: block; overflow: hidden; width: 22px; height: 18px; margin-right: auto; margin-left: auto; white-space: nowrap; text-indent: 200%; color: #737373; border-top: 2px solid currentColor; border-bottom: 2px solid currentColor; } .icon-burger:after { position: absolute; top: 50%; left: 0; width: 100%; height: 1px; margin-top: -1px; content: ''; color: #737373; border-top: 2px solid currentColor; } @media only screen and (min-width: 728px) { .icon-burger { width: 26px; height: 21px; } } @media only screen and (min-width: 1086px) { .icon-burger { width: 35px; height: 27px; } } button:hover .icon-burger { color: #000; } button:hover .icon-burger:after { color: #000; } a .staricon-facebook { color: #3b5998; } a:hover .staricon-facebook { color: #2d4373; } a .staricon-twitter { color: #55acee; } a:hover .staricon-twitter { color: #2795e9; } a .staricon-whatsapp { color: #43d854; } a:hover .staricon-whatsapp { color: #28c039; } a .staricon-google-plus { color: #dc4e41; } a:hover .staricon-google-plus { color: #c63224; } a .staricon-reddit { color: #5f99cf; } a:hover .staricon-reddit { color: #3a80c1; } @media (max-width: 1085px) { .row { max-width: 100%; } } .gutter-left { width: 40px; } @media only screen and (min-width: 728px) { .gutter-left { width: 50px; } } @media only screen and (min-width: 1086px) { .gutter-left { width: 62px; } } .gutter-right { width: 0; } @media only screen and (min-width: 728px) { .gutter-right { width: 15px; } } @media only screen and (min-width: 1086px) { .gutter-right { width: 56px; } } .gutter-icon { font-size: 14px; position: absolute; top: 0; left: 0; width: 0; padding-top: 1rem; text-align: center; color: #bababa; } .gutter-icon .staricon-email { font-size: 12px; top: 0; } @media only screen and (min-width: 728px) { .gutter-icon { display: none; } } .container-gutters { margin-right: auto; margin-left: auto; } .container-gutters:before, .container-gutters:after { content: " "; display: table; } .container-gutters:after { clear: both; } @media screen { .container-gutters { border-width: 0; border-style: solid; border-color: #e5e5e5; border-right-width: 0; border-left-width: 0; } } @media only screen and (min-width: 728px) { .container-gutters { border-right-width: 15px; border-left-width: 50px; } } @media only screen and (min-width: 1086px) { .container-gutters { border-right-width: 56px; border-left-width: 62px; } } @media only screen and (min-width: 1086px) { .container-gutters { max-width: 1176px; } } .container-gutters .full-bleed { margin-right: 0; margin-left: 0; } .container-gutters .full-bleed .cq-dd-image { width: 100%; } @media only screen and (min-width: 728px) { .container-gutters .full-bleed { margin-right: -15px; margin-left: -50px; } } @media only screen and (min-width: 1086px) { .container-gutters .full-bleed { margin-right: -56px; margin-left: -62px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .inset { padding-right: 20px; padding-left: 20px; } } @media only screen and (min-width: 1086px) { .inset { padding-right: 56px; padding-left: 62px; } } .generic-page { padding: 2rem 0; } .article-two-layout { width: 100%; /* stylelint-disable no-descending-specificity */ /* stylelint-enable */ } .article-two-layout .article__loader { /* stylelint-disable no-descending-specificity */ /* stylelint-enable */ } .article-two-layout .article__loader .center { padding-right: 0; padding-left: 0; } .article-two-layout .article__loader .center .row { max-width: 848px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__loader .center .row { max-width: 774px; } } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .center .row { max-width: none; } } .article-two-layout .article__loader .row { max-width: 968px; } @media only screen and (max-width: 727px) { .article-two-layout .article__loader .row { max-width: none; } } .article-two-layout .nested-aggregate-spacer { border-left-width: 0; border-right-width: 0; } .sticky-replace-wrapper .article-two-layout { -ms-overflow-style: none; overflow-x: hidden; width: -moz-available; } .article-two-layout > .row { max-width: none; } .article-two-layout .breaking-news-container { background-color: #fff; padding: 0; } @media only screen and (min-width: 1086px) { .article-two-layout .breadcrumb-header .sticky-replace { left: 0; margin-left: 85px; width: 0; } } @media only screen and (min-width: 1086px) { .article-two-layout .breadcrumb-header .sticky-replace-fixed { left: 0; margin-left: 100px; width: 0; } } .article-two-layout .container-gutters { border-color: #fff; max-width: none; } .article-two-layout .article { background-color: #fff; } @media only screen and (min-width: 1086px) { .article-two-layout .article__body .alpha--big-box { margin-right: -10px; } } @media only screen and (min-width: 728px) { .article-two-layout .article__body .article__meta .sticky-replace { left: 0; } } .article-two-layout .article__body .article__meta .share-toolbar__body:before { border-left-color: #fff; } .article-two-layout .article__body .article__meta .share-toolbar { margin-left: 60px; margin-right: 31px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .article-two-layout .article__body .article__meta .share-toolbar { margin-left: 23px; } } @media only screen and (max-width: 727px) { .article-two-layout .article__body .article__meta .share-toolbar { margin-left: -1.25rem; margin-right: -1.25rem; } } .article-two-layout .article__body .alpha { background-color: #fff; } .article-two-layout .aggregation { max-width: none; } /* stylelint-disable no-descending-specificity */ @media only screen and (min-width: 728px) and (max-width: 1085px) { .article__loader .row .row { margin: 0; } } @media only screen and (max-width: 727px) { .article__loader .row .row { margin: 0; } } /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .alpha__big-box, .alpha__global, .footer { display: none; } } h1, .h1 { font-weight: 800; } @media only screen and (max-width: 727px) { h1, .h1 { font-size: 1.6875rem; line-height: 1.2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h1, .h1 { font-size: 2.75rem; line-height: 1.2; } } @media only screen and (min-width: 1086px) { h1, .h1 { font-size: 3.125rem; line-height: 1.15; } } h2, .h2 { font-weight: 800; } @media only screen and (max-width: 727px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h2, .h2 { font-size: 1.9375rem; line-height: 1.15; } } h3, .h3 { font-weight: 700; } @media only screen and (max-width: 727px) { h3, .h3 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h3, .h3 { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { h3, .h3 { font-size: 1.25rem; } } h4, .h4 { font-weight: 800; } @media only screen and (max-width: 727px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h4, .h4 { font-size: 1.1875rem; line-height: 1.25; } } h5, .h5 { font-weight: 700; } @media only screen and (max-width: 727px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-weight: 700; } @media only screen and (max-width: 727px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { h6, .h6 { font-size: 0.6875rem; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .alpha__big-box, .alpha__global, .footer { display: none; } } h1, .h1 { font-weight: 800; } @media only screen and (max-width: 727px) { h1, .h1 { font-size: 1.6875rem; line-height: 1.2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h1, .h1 { font-size: 2.75rem; line-height: 1.2; } } @media only screen and (min-width: 1086px) { h1, .h1 { font-size: 3.125rem; line-height: 1.15; } } h2, .h2 { font-weight: 800; } @media only screen and (max-width: 727px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h2, .h2 { font-size: 1.9375rem; line-height: 1.15; } } h3, .h3 { font-weight: 700; } @media only screen and (max-width: 727px) { h3, .h3 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h3, .h3 { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { h3, .h3 { font-size: 1.25rem; } } h4, .h4 { font-weight: 800; } @media only screen and (max-width: 727px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h4, .h4 { font-size: 1.1875rem; line-height: 1.25; } } h5, .h5 { font-weight: 700; } @media only screen and (max-width: 727px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-weight: 700; } @media only screen and (max-width: 727px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { h6, .h6 { font-size: 0.6875rem; } } figcaption { padding: 0.5rem 1.25rem 1rem; color: #404040; background-color: #FFFFFF; } @media only screen and (max-width: 727px) { figcaption { font-size: 0.75rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { figcaption { font-size: 0.8125rem; } } @media only screen and (min-width: 1086px) { figcaption { font-size: 0.875rem; } } .media-responsive { position: relative; display: block; height: 0; padding: 0; overflow: hidden; background-color: #737373; } .media-responsive .media-responsive-item, .media-responsive iframe, .media-responsive embed, .media-responsive object, .media-responsive video { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .media-responsive img { position: absolute; top: 0; left: 0; bottom: 0; height: 100%; width: 100%; border: 0; } .media-responsive-16by9 { padding-bottom: 56.25%; } .media-responsive-4by3 { padding-bottom: 75%; } .button { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: normal; position: relative; display: inline-block; margin: 0 0 1.25rem; padding: 0.5rem 2rem 0.5625rem; text-align: center; text-decoration: none; color: #fff; border: 0; border-radius: 5px; background-color: #0062a1; -webkit-appearance: none; -moz-appearance: none; appearance: none; } @media only screen and (max-width: 727px) { .button { font-size: 0.8125rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { .button { font-size: 1.125rem; } } .button:hover, .button:focus { color: #ffffff; background-color: #0072bc; } button[disabled].button { background: #0072bc; } button[disabled].button:hover, button[disabled].button:focus { color: #fff; background-color: #0072bc; } .button--large { padding: 0.875rem 3.5rem 0.9375rem; } @media only screen and (max-width: 727px) { .button--large { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button--large { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { .button--large { font-size: 1.375rem; } } .button--secondary { background-color: #ffffff; border: 1px solid #0072bc; color: #0072bc; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .layout-alpha .seo-media-query { width: 320px; } } @media only screen and (min-width: 1086px) { .layout-alpha .seo-media-query { width: 320px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .layout-alpha__ad--big-box { width: 320px; } } @media only screen and (min-width: 1086px) { .layout-alpha__ad--big-box { width: 320px; } } @media only screen and (min-width: 728px) { .layout-alpha { display: table; width: 100%; table-layout: fixed; } .layout-alpha .seo-media-query { display: table-cell; vertical-align: top; } .layout-alpha .seo-media-query .big-box { padding-left: 1.25rem; } .layout-alpha__body { display: table-cell; vertical-align: top; } .layout-alpha__ad { display: table-cell; vertical-align: top; } .a1 .layout-alpha__ad--big-box { border-left: 1.25rem #e5e5e5 solid; } .layout-alpha__ad--big-box .big-box { padding-top: 1.25rem; padding-right: 1.25rem; padding-bottom: 1.25rem; min-height: 18.125rem; background-color: #e5e5e5; } .layout-alpha__body + .layout-alpha__ad--big-box .big-box { padding-left: 1.25rem; } .a1 .layout-alpha__body + .layout-alpha__ad--big-box .big-box { padding-left: 0; } } .alpha__big-box { clear: both; text-align: center; } .alpha__big-box .alpha__big-box__body { padding: 0 0 1rem; position: relative; text-align: center; } @media (min-width: 340px) { .alpha__big-box .alpha__big-box__body { background-color: #e5e5e5; } .search-parent .alpha__big-box .alpha__big-box__body { margin-left: 0; } } @media (min-width: 340px) { .alpha__big-box .article-continued { margin-left: 40px; } } @media (max-width: 339px) { .search-parent .alpha__big-box .alpha__big-box__body { background-color: #e5e5e5; margin-left: 0; } .search-parent .alpha__big-box .article-continued { margin-left: 0; } } .alpha__big-box .big-box { display: inline-block; } @media only screen and (min-width: 728px) { .alpha__big-box .big-box { width: 300px; margin: 0 auto; } } .alpha__big-box .banner-ad { text-align: center; width: auto; } .article .inset .alpha__big-box.star-touch-banner__article { margin: 0 -20px 1rem; background-color: #fafafa; } .article .inset .alpha__big-box.star-touch-banner__article .alpha__big-box__body { margin: 0 auto; padding-bottom: 0; background-color: #fafafa; width: 700px; } .alpha__big-box .leaderboard { margin: 0 auto; } .alpha__big-box .staricon { font-size: 16px; margin-bottom: 0.5rem; color: #bababa; } @media (min-width: 340px) { .alpha__big-box .staricon { position: absolute; top: 1rem; left: 12px; } } @media only screen and (min-width: 728px) { .alpha__big-box .staricon { display: none; } } @media only screen and (max-width: 727px) { .alpha__big-box .staricon { display: block; } } @media (max-width: 339px) { .alpha__big-box .staricon { display: none; } } .article .inset .alpha__big-box, .authorAd .alpha__big-box { background-color: #e5e5e5; } @media only screen and (max-width: 727px) { .article .inset .alpha__big-box, .authorAd .alpha__big-box { margin-right: -1.25rem; margin-bottom: 1rem; margin-left: -1.25rem; } } .article .inset .alpha__big-box .staricon, .authorAd .alpha__big-box .staricon { display: none; } .article .inset .alpha__big-box .alpha__big-box__body, .authorAd .alpha__big-box .alpha__big-box__body { padding-left: 0; } .article .inset .alpha__big-box .article-continued, .authorAd .alpha__big-box .article-continued { margin-left: 0; } .alpha__global { text-align: center; } .alpha__global img { margin-right: auto; margin-left: auto; } .billboard { position: relative; z-index: 1; text-align: center; display: none; width: 970px; margin: auto; } .billboard iframe { margin-top: 0.5rem; margin-bottom: 0.5rem; } @media only screen and (min-width: 1086px) { .billboard { display: block; } } .leaderboard { position: relative; z-index: 1; text-align: center; display: none; width: 728px; margin: auto; } .leaderboard iframe { margin-top: 0.5rem; margin-bottom: 0.5rem; } @media only screen and (min-width: 728px) { .leaderboard { display: block; } } .large-ad iframe { margin: 0 0 1rem; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .alpha__big-box, .alpha__global, .footer { display: none; } } h1, .h1 { font-weight: 800; } @media only screen and (max-width: 727px) { h1, .h1 { font-size: 1.6875rem; line-height: 1.2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h1, .h1 { font-size: 2.75rem; line-height: 1.2; } } @media only screen and (min-width: 1086px) { h1, .h1 { font-size: 3.125rem; line-height: 1.15; } } h2, .h2 { font-weight: 800; } @media only screen and (max-width: 727px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h2, .h2 { font-size: 1.9375rem; line-height: 1.15; } } h3, .h3 { font-weight: 700; } @media only screen and (max-width: 727px) { h3, .h3 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h3, .h3 { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { h3, .h3 { font-size: 1.25rem; } } h4, .h4 { font-weight: 800; } @media only screen and (max-width: 727px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h4, .h4 { font-size: 1.1875rem; line-height: 1.25; } } h5, .h5 { font-weight: 700; } @media only screen and (max-width: 727px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-weight: 700; } @media only screen and (max-width: 727px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { h6, .h6 { font-size: 0.6875rem; } } .search-bar { height: 0; } .search-bar.show .search-bar__wrap { height: 45px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar.show .search-bar__wrap { height: 52px; } } @media only screen and (min-width: 1086px) { .search-bar.show .search-bar__wrap { height: 62px; } } .search-bar.show .container-fluid { -webkit-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } .search-bar.animate .container-fluid { -webkit-transition: -webkit-transform 0.4s ease-in-out; transition: -webkit-transform 0.4s ease-in-out; -o-transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out; transition: transform 0.4s ease-in-out, -webkit-transform 0.4s ease-in-out; } .search-bar .search-bar__wrap { height: 0; overflow: hidden; -webkit-transition: height 0.4s ease-in-out; -o-transition: height 0.4s ease-in-out; transition: height 0.4s ease-in-out; } .search-bar .container-fluid { background-color: #fff; border-bottom: 1px solid #eff1f2; -webkit-transform: translate(0, -100%); -ms-transform: translate(0, -100%); transform: translate(0, -100%); height: 45px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar .container-fluid { height: 52px; } } @media only screen and (min-width: 1086px) { .search-bar .container-fluid { height: 62px; } } .search-bar .search-bar__input-wrap, .search-bar .row, .search-bar form, .search-bar button, .search-bar input { height: 100%; } .search-bar .search-bar__input-wrap { padding: 0.4rem 40px; overflow: hidden; } @media only screen and (min-width: 728px) { .search-bar .search-bar__input-wrap { padding: 0.4rem 50px; } } @media only screen and (min-width: 1086px) { .search-bar .search-bar__input-wrap { padding: 0.4rem 62px; } } .search-bar .search-bar__input-wrap .search-bar__input { background: #f3f3f3; border: 1px solid #0065a4; -webkit-box-shadow: none; box-shadow: none; float: none; font-size: 1rem; font-style: normal; font-weight: bold; margin: 0 20px 0 0; overflow: hidden; outline: none; width: auto; } .search-bar .search-bar__input-wrap .search-bar__input::-webkit-input-placeholder { color: #ccc; } .search-bar .search-bar__input-wrap .search-bar__input::-moz-placeholder { color: #ccc; } .search-bar .search-bar__input-wrap .search-bar__input:-ms-input-placeholder { color: #ccc; } .search-bar .search-bar__input-wrap .search-bar__input::-ms-input-placeholder { color: #ccc; } .search-bar .search-bar__input-wrap .search-bar__input::placeholder { color: #ccc; } .search-bar .search-bar__input-wrap .search-bar__input:placeholder { color: #ccc; } @media only screen and (max-width: 727px) { .search-bar .search-bar__input-wrap .search-bar__input { height: 32.8px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar .search-bar__input-wrap .search-bar__input { font-size: 0.95rem; height: 36.6px; } } @media only screen and (min-width: 1086px) { .search-bar .search-bar__input-wrap .search-bar__input { font-size: 1.1rem; height: 45px; } } .search-bar .search-bar__query-btn { float: left; font-size: 1.5rem; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar .search-bar__query-btn { font-size: 2.1875rem; } } @media only screen and (min-width: 1086px) { .search-bar .search-bar__query-btn { font-size: 2.8125rem; } } .search-bar .search-bar__close { float: right; font-size: 1.125rem; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar .search-bar__close { font-size: 1.625rem; } } @media only screen and (min-width: 1086px) { .search-bar .search-bar__close { font-size: 1.875rem; } } .search-bar .search-bar__search-archives { color: #0065a4; float: right; height: 100%; margin: 0 0 0 20px; padding: 0.25rem 0; } .search-bar .search-bar__search-archives a { border-left: 2px solid #eff1f2; color: #0065a4; font-size: 0.8rem; margin: 0; text-decoration: underline; vertical-align: middle; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar .search-bar__search-archives a { padding: 0.25rem 0 0.2rem 1.1rem; } } @media only screen and (min-width: 1086px) { .search-bar .search-bar__search-archives a { padding: 0.35rem 0 0.35rem 1rem; line-height: 35px; } } .search-bar .search-bar__search-archives a:hover { color: #0065a4; } .search-bar .search-bar__input-cont { overflow: hidden; } .search-bar .search-bar__input-cont input:focus { background: #f3f3f3; } .search-bar .search-bar__input-cont input:active { background: #f3f3f3; } .search-bar input[type='search'].search-input { background: #f3f3f3; border: 0; -webkit-box-shadow: none; box-shadow: none; float: none; font-size: 1rem; margin: 0; overflow: hidden; padding: 0 0 0 0.75rem; width: 100%; } .search-bar input[type='search'].search-input::-ms-clear { display: none; } .search-bar input[type='search'].search-input::-ms-reveal { display: none; } .search-bar .search-clear { float: right; height: 100%; padding: 0 0.25rem; width: auto; } .search-bar .show-clear { display: block; } .search-bar .hide-clear { display: none; } .search-bar .staricon-close-circle { color: #ccc; display: block; font-size: 1.5rem; text-align: center; } @media only screen and (min-width: 1086px) { .search-bar .staricon-close-circle { top: 5.5px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar .staricon-close-circle { top: 3.5px; } } @media only screen and (max-width: 727px) { .search-bar .staricon-close-circle { top: 4.5px; } } .search-bar .search-button-submit { border: 0; border-radius: 0; font-size: 1.2rem; float: right; margin: 0; padding: 0.1rem 0.6rem 0; } @media only screen and (min-width: 1086px) { .search-bar .search-button-submit { height: 45px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .search-bar .search-button-submit { height: 36.6px; } } @media only screen and (max-width: 727px) { .search-bar .search-button-submit { height: 32.8px; } } .search-bar .search-bar__input-hold { height: 100%; overflow: hidden; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ @media print { .alpha__big-box, .alpha__global, .footer { display: none; } } h1, .h1 { font-weight: 800; } @media only screen and (max-width: 727px) { h1, .h1 { font-size: 1.6875rem; line-height: 1.2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h1, .h1 { font-size: 2.75rem; line-height: 1.2; } } @media only screen and (min-width: 1086px) { h1, .h1 { font-size: 3.125rem; line-height: 1.15; } } h2, .h2 { font-weight: 800; } @media only screen and (max-width: 727px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h2, .h2 { font-size: 1.9375rem; line-height: 1.15; } } h3, .h3 { font-weight: 700; } @media only screen and (max-width: 727px) { h3, .h3 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h3, .h3 { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { h3, .h3 { font-size: 1.25rem; } } h4, .h4 { font-weight: 800; } @media only screen and (max-width: 727px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h4, .h4 { font-size: 1.1875rem; line-height: 1.25; } } h5, .h5 { font-weight: 700; } @media only screen and (max-width: 727px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-weight: 700; } @media only screen and (max-width: 727px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { h6, .h6 { font-size: 0.6875rem; } } html { font-size: 100%; } body { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @media only screen and (min-width: 1086px) { body { font-size: 20px; } } @media only screen and (max-width: 727px) { body { font-size: 14px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { body { font-size: 18px; } } @media print { body { font-size: 16px; } } div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; } a { line-height: inherit; text-decoration: none; color: #0065a4; } a:hover, a:focus { color: #00578d; } a img { border: 0; } p { -webkit-font-smoothing: subpixel-antialiased; -moz-osx-font-smoothing: auto; font-family: TorstarTextO3, Georgia, Times, "Times New Roman", serif; font-size: 1.3rem; font-weight: 400; line-height: 1.4; margin-bottom: 1rem; text-rendering: optimizeLegibility; } p aside { font-size: 0.875rem; font-style: italic; line-height: 1.35; } h1, .h1 h2, .h2 h3, .h3 h4, .h4 h5, .h5 h6 .h6 { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-style: normal; margin-top: 0.2rem; margin-bottom: 0.6rem; color: #333; text-rendering: optimizeLegibility; } h1 small, .h1 h2 small, .h2 h3 small, .h3 h4 small, .h4 h5 small, .h5 h6 .h6 small { font-size: 60%; line-height: 0; color: #7a7a7a; } hr { clear: both; height: 0; margin: 1.25rem 0 1.1875rem; border: solid #DDDDDD; border-width: 1px 0 0; } em, i { font-style: italic; line-height: inherit; } strong, b { font-weight: 700; line-height: inherit; } small { font-size: 60%; line-height: inherit; } code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: 400; padding: 0.125rem 0.3125rem 0.0625rem; color: #333333; border-width: 1px; border-style: solid; border-color: #dfdfdf; background-color: #f8f8f8; } ul, ol, dl { font-family: "Merriweather Sans", Helvetica, Roboto, Arial, sans-serif; font-size: 1rem; line-height: 1.4; margin-bottom: 1rem; list-style-position: outside; } ul { margin-left: 1.1rem; } ul li ul, ul li ol { margin-bottom: 0; margin-left: 1.25rem; } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { margin-left: 1.1rem; list-style-type: square; } ul.circle { margin-left: 1.1rem; list-style-type: circle; } ul.disc { margin-left: 1.1rem; list-style-type: disc; } ol { margin-left: 1.4rem; } ol li ul, ol li ol { margin-bottom: 0; margin-left: 1.25rem; } .no-bullet { margin-left: 0; list-style-type: none; } .no-bullet li ul, .no-bullet li ol { margin-bottom: 0; margin-left: 1.25rem; list-style: none; } dl dt { font-weight: 700; margin-bottom: 0.3rem; } dl dd { margin-bottom: 0.75rem; } abbr, acronym { font-size: 90%; cursor: help; text-transform: uppercase; color: #404040; } abbr { text-transform: none; } abbr[title] { border-bottom: 1px dotted #DDDDDD; } blockquote { margin: 0 0 1rem; padding: 0.5625rem 1.25rem 0 1.1875rem; border-left: 1px solid #DDDDDD; } blockquote cite { font-size: 0.8125rem; display: block; color: #626262; } blockquote cite:before { content: '\2014 \0020'; } blockquote cite a, blockquote cite a:visited { color: #626262; } blockquote, blockquote p { line-height: 1.4; color: #7a7a7a; } .vcard { display: inline-block; margin: 0 0 1.25rem 0; padding: 0.625rem 0.75rem; border: 1px solid #DDDDDD; } .vcard li { display: block; margin: 0; } .vcard .fn { font-size: 0.9375rem; font-weight: 700; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } .page { overflow: visible; } @media print { body > iframe { display: none !important; } } @media (max-width: 1024px) { .page { overflow: hidden; } } @media (max-width: 768px) { .page { overflow: hidden; margin: 60px 0 0 0; } } @media (max-width: 727px) { .page { overflow: hidden; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } h1, .h1 { font-weight: 800; } @media only screen and (max-width: 727px) { h1, .h1 { font-size: 1.6875rem; line-height: 1.2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h1, .h1 { font-size: 2.75rem; line-height: 1.2; } } @media only screen and (min-width: 1086px) { h1, .h1 { font-size: 3.125rem; line-height: 1.15; } } h2, .h2 { font-weight: 800; } @media only screen and (max-width: 727px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h2, .h2 { font-size: 1.9375rem; line-height: 1.15; } } h3, .h3 { font-weight: 700; } @media only screen and (max-width: 727px) { h3, .h3 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h3, .h3 { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { h3, .h3 { font-size: 1.25rem; } } h4, .h4 { font-weight: 800; } @media only screen and (max-width: 727px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h4, .h4 { font-size: 1.1875rem; line-height: 1.25; } } h5, .h5 { font-weight: 700; } @media only screen and (max-width: 727px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-weight: 700; } @media only screen and (max-width: 727px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { h6, .h6 { font-size: 0.6875rem; } } h1, .h1 { font-weight: 800; } @media only screen and (max-width: 727px) { h1, .h1 { font-size: 1.6875rem; line-height: 1.2; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h1, .h1 { font-size: 2.75rem; line-height: 1.2; } } @media only screen and (min-width: 1086px) { h1, .h1 { font-size: 3.125rem; line-height: 1.15; } } h2, .h2 { font-weight: 800; } @media only screen and (max-width: 727px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h2, .h2 { font-size: 1.4375rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h2, .h2 { font-size: 1.9375rem; line-height: 1.15; } } h3, .h3 { font-weight: 700; } @media only screen and (max-width: 727px) { h3, .h3 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h3, .h3 { font-size: 1.125rem; } } @media only screen and (min-width: 1086px) { h3, .h3 { font-size: 1.25rem; } } h4, .h4 { font-weight: 800; } @media only screen and (max-width: 727px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h4, .h4 { font-size: 1rem; line-height: 1.3; } } @media only screen and (min-width: 1086px) { h4, .h4 { font-size: 1.1875rem; line-height: 1.25; } } h5, .h5 { font-weight: 700; } @media only screen and (max-width: 727px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h5, .h5 { font-size: 0.875rem; } } @media only screen and (min-width: 1086px) { h5, .h5 { font-size: 0.875rem; } } h6, .h6 { font-weight: 700; } @media only screen and (max-width: 727px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { h6, .h6 { font-size: 0.6875rem; } } @media only screen and (min-width: 1086px) { h6, .h6 { font-size: 0.6875rem; } } .c-button__text--container-stacked { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-button.c-button--square { display: inline-block; width: 62px; height: auto; background-color: transparent; border-radius: 0; border: none; } .c-button.c-button--square:hover { background-color: transparent; } .c-button.c-button--square:active, .c-button.c-button--square:focus { background-color: transparent; } .c-button.c-button--icon-only { background-color: transparent; border-radius: 0; border: none; display: inline-block; height: 42px; width: 42px; vertical-align: middle; } .c-button.c-button--icon-only--hide { display: none; } .c-button.c-button--icon-only:hover { background-color: transparent; border: none; } .c-button.c-button--icon-only:focus, .c-button.c-button--icon-only:active { background-color: transparent; border: none; } .c-button.c-button--subscribe { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0 20px; height: 100%; width: auto; position: relative; vertical-align: middle; margin: 0 10px; } .c-button.c-button--subscribe.c-button--subscribe--desktop { display: -webkit-box; display: -ms-flexbox; display: flex; } .c-button.c-button--subscribe.c-button--subscribe--mobile { display: none; } .c-button.c-button--subscribe.c-button--subscribe-mobile { display: none; } .c-button.c-button--sign-in { display: inline-block; margin: 0; padding: 0; width: auto; min-width: 44px; vertical-align: middle; height: 100%; -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; } .c-button.c-button--sign-in .c-button__text.c-button__text--centered { display: inline-block; max-width: 100px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; line-height: normal; padding: 0; width: auto; margin: 0 10px; } .c-button.c-button--sign-in .c-material-icon { display: none; } .c-button.c-button--sign-in--logged-in .c-material-icon { display: inline-block; margin: 0; width: auto; padding: 0; } .c-button.c-button--sign-in--hidden { opacity: 0; pointer-events: none; } .c-button.c-button--hamburger { -webkit-transition: opacity 0.3s ease-out; -o-transition: opacity 0.3s ease-out; transition: opacity 0.3s ease-out; opacity: 1; } .c-button.c-button--hamburger--hidden { opacity: 0; pointer-events: none; } .c-button.c-button--no-style { font-size: 0.75rem; margin: 0; width: auto; height: auto; } .c-button.c-button--main-nav { border-radius: 0; font-size: inherit; color: #333333; text-transform: uppercase; margin: 0; padding: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .c-button.c-button--main-nav--selected { font-weight: bold; color: #00548b; } .c-button.c-button--main-nav--selected:before, .c-button.c-button--main-nav--selected:after { -webkit-transform: rotate(180deg) translateY(20px); -ms-transform: rotate(180deg) translateY(20px); transform: rotate(180deg) translateY(20px); } .c-button.c-button--sub-nav { border-radius: 0; font-size: inherit; color: #333333; text-transform: capitalize; margin: 0; padding: 0; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .c-button.c-button--sub-nav--selected { font-weight: bold; color: #005389; } .c-button__text--container { display: -webkit-box; display: -ms-flexbox; display: flex; width: auto; height: auto; padding: 0 0.5rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: center; align-content: center; justify-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .c-button__text--container-stacked { padding: 0; height: auto; width: 100%; } .c-button__text { display: block; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; font-size: 0.875rem; padding: 0; margin: 0; height: auto; } .c-button__text.c-button__text--title { max-width: 200px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; font-size: 12px; } .c-button__text.c-button__text--subtext { max-width: 200px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; font-size: 10px; } .c-button__text.c-button__text--centered { max-width: 200px; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; font-weight: bold; font-size: 12px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .c-button.c-button--subscription-header { height: 40px; margin: 5px 10px 0 0; } .c-button.c-button--subscribe { height: 100%; } .c-button.c-button--sign-in { width: auto; height: 100%; background-color: transparent; border: none; min-width: 44px; padding: 0 10px; } .c-button.c-button--sign-in:hover, .c-button.c-button--sign-in:active, .c-button.c-button--sign-in:focus { border: none; background-color: #eeeeee; } .c-button.c-button--sign-in .c-button__text.c-button__text--centered, .c-button.c-button--sign-in--logged-in .c-button__text.c-button__text--centered { display: none; } .c-button.c-button--sign-in .c-material-icon, .c-button.c-button--sign-in--logged-in .c-material-icon { display: inline-block; font-size: 28px; } .c-button__text--container { top: 3px; } .c-button__text--subtext { margin-top: -2px; } } @media only screen and (max-width: 727px) { .c-button__text--container { white-space: nowrap; height: 100%; font-size: 12px; } .c-button__text--container-stacked { position: static; -webkit-transform: none; -ms-transform: none; transform: none; } .c-button.c-button--square { display: block; width: 44px; height: 44px; } .c-button.c-button--subscribe { margin: 0; padding: 0; } .c-button.c-button--subscribe, .c-button.c-button--sign-in { width: auto; height: 100%; background-color: transparent; border: none; padding: 0 10px; border-radius: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .c-button.c-button--subscribe:hover, .c-button.c-button--subscribe:active, .c-button.c-button--subscribe:focus, .c-button.c-button--sign-in:hover, .c-button.c-button--sign-in:active, .c-button.c-button--sign-in:focus { border: none; background-color: #eeeeee; } .c-button.c-button--sign-in .c-button__text.c-button__text--centered, .c-button.c-button--sign-in--logged-in .c-button__text.c-button__text--centered { display: none; } .c-button.c-button--sign-in .c-material-icon, .c-button.c-button--sign-in--logged-in .c-material-icon { display: inline-block; font-size: 22px; } .c-button .c-button__text--title { color: #0062a1; font-size: 12px; } .c-button .c-button__text--subtext { display: none; } .c-button__text.c-button__text--title { font-size: 12px; } } @media only screen and (max-width: 769px) { .c-button.c-button--subscribe.c-button--subscribe--desktop { display: none; } .c-button.c-button--subscribe.c-button--subscribe--mobile { display: -webkit-box; display: -ms-flexbox; display: flex; } } @media only screen and (max-width: 320px) { .c-button__text.c-button__text--title { font-size: 10px; line-height: 12px; } .c-button.c-button--subscribe { margin: 0; padding: 0; max-width: 90px; } .c-button.c-button--sign-in { padding: 0 4px; } } body { background-color: #f8f8f8; } .footer { z-index: 1; position: relative; } @media only screen and (max-width: 727px) { .footer { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } } .pushdown { text-align: center; width: 970px; margin: 0 auto; } .pushdown.search-open { padding-top: 62px; } .o-main-content { z-index: 1100; } @media only screen and (max-width: 727px) { .o-main-content { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } } .o-main-content--developers { background-color: #f8f8f8; } @media print { .hide-from-print { display: none; } } @media print { .print-header { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px; padding: 12px; font-size: 8px; } .print-footer { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 10px; padding: 12px; font-size: 8px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-standalone-candidateprofile { background-color: #f8f8f8; padding: 10px 0; min-height: 50vh; } @media only screen and (min-width: 728px) { .c-standalone-candidateprofile { padding: 20px 0; } } @media only screen and (min-width: 1086px) { .c-standalone-candidateprofile { padding: 30px 0; } } .c-candidateprofile-iframe { overflow: visible; } @media only screen and (min-width: 1086px) { .c-candidateprofile-iframe { margin: 0 auto; max-width: 1175px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .electionregistration-container { position: relative; width: 100%; border-top: 24px solid #000; z-index: 9; margin-bottom: -10px; } .electionregistration-container:before { background: -o-linear-gradient(rgba(255, 255, 255, 0) 150px, #f8f8f8); background: linear-gradient(rgba(255, 255, 255, 0) 150px, #f8f8f8); position: absolute; content: ''; width: 100%; height: 300px; top: -323px; left: 0; z-index: 0; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .electionregistration-container { margin: 0 20px -20px 20px; max-width: calc(100% - 40px); } } @media only screen and (min-width: 1086px) { .electionregistration-container { max-width: 1236px; margin: 0 auto -30px auto; } } .electionregistration-thestar-ribbon { -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); position: relative; top: -25px; left: -10px; height: 35px; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .electionregistration-thestar-ribbon { top: -35px; } } @media only screen and (min-width: 1086px) { .electionregistration-thestar-ribbon { top: -25px; left: -20px; height: 55px; } } .electionregistration-gradient-fade { position: relative; height: 500px; margin: -300px 0 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(#fff)); background: -o-linear-gradient(rgba(255, 255, 255, 0), #fff); background: linear-gradient(rgba(255, 255, 255, 0), #fff); z-index: 1; max-width: 860px; } .electionregistration-wrapper { background: #e5e5e5 url("/assets/img/vote2019-overlay-background-phone.png"); background-repeat: no-repeat; padding: 10px 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .electionregistration-wrapper { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background: url("/assets/img/vote2019-overlay-background-tablet.png"); background-repeat: no-repeat; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding-top: 20px; } } @media only screen and (min-width: 1086px) { .electionregistration-wrapper { background: #e5e5e5 url("/assets/img/vote2019-overlay-background-laptop.png"); background-repeat: no-repeat; } } .col-text { width: 100%; } @media only screen and (min-width: 1086px) { .col-text { width: 65%; } } @media only screen and (min-width: 1086px) { .col-text { width: 55%; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .col-image { width: 45%; margin-bottom: -65px; } } @media only screen and (min-width: 1086px) { .col-image { width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .col-image img { position: relative; width: 100%; } @media only screen { .col-image img { left: 6%; } } @media only screen and (min-width: 321px) and (max-width: 727px) and (orientation: landscape) { .col-image img { width: 50%; left: 53%; } } @media only screen and (min-width: 1086px) { .col-image img { left: 85%; height: 310px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .col-image img { left: -15%; } } .col-image img.image-laptop { display: none; } @media only screen and (min-width: 1086px) { .col-image img.image-laptop { display: block; } } .col-image img.image-tablet { display: none; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .col-image img.image-tablet { display: block; position: relative; } } @media only screen and (min-width: 1086px) { .col-image img.image-phone { display: none; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .col-image img.image-phone { display: none; } } .electionregistration-heading { font-size: 18px; font-weight: 800; font-style: normal; font-stretch: normal; line-height: 1.24; letter-spacing: normal; color: #333; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .electionregistration-heading { font-size: 24px; } } @media only screen and (min-width: 1086px) { .electionregistration-heading { font-size: 42px; } } .electionregistration-sub-heading { font-size: 14px; font-weight: 300; font-style: normal; font-stretch: normal; line-height: 1.5; letter-spacing: normal; margin-top: 10px; max-width: 100%; width: 80%; color: #2f2f2f; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .electionregistration-sub-heading { width: 400px; font-size: 16px; } } @media only screen and (min-width: 1086px) { .electionregistration-sub-heading { font-size: 24px; } } .button-wrapper { padding: 75px 0 25px; display: none; } .button-wrapper-2 { display: block; } @media only screen and (max-width: 727px) { .button-wrapper-2 { position: relative; bottom: 15px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .button-wrapper-2 { display: block; position: relative; left: -225%; top: -25%; } } @media only screen and (min-width: 1086px) { .button-wrapper-2 { display: block; position: absolute; padding-top: 150px; } } .btn-signup { display: block; background: #00548b; width: 210px; line-height: 40px; font-size: 16px; font-weight: 800; font-style: normal; font-stretch: normal; letter-spacing: normal; text-align: center; color: #fff; border: 1px solid #0072bc; border-radius: 5px; } .btn-signup:hover { color: #fff; text-decoration: none; background: #007ba8; border-color: #007ba7; } .electionregistration-wall-footer { background: #fff; width: 100%; text-align: left; font-style: italic; font-size: 12px; padding: 10px 10px 50px 10px; } .electionregistration-wall-footer span { color: #007ba7; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .electionregistration-wall-footer { padding: 25px 10px 0 10px; } } @media only screen and (min-width: 1086px) { .electionregistration-wall-footer { font-size: 16px; padding-left: 20px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-subscription-title { padding: 24px 0; text-align: center; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; } .newsletter-subscription-title__paragraph1 { display: block; font-size: 22px; font-weight: bold; margin-bottom: 16px; } .newsletter-subscription-title__paragraph2 { display: block; font-size: 12px; } @media only screen and (min-width: 768px) { .newsletter-subscription-title { padding: 40px 0 32px 0; } .newsletter-subscription-title__paragraph1 { font-size: 28px; margin-bottom: 20px; } .newsletter-subscription-title__paragraph2 { font-size: 14px; } } @media only screen and (min-width: 1440px) { .newsletter-subscription-title { padding: 52px 0 54px 0; } .newsletter-subscription-title__paragraph1 { font-size: 36px; margin-bottom: 32px; } .newsletter-subscription-title__paragraph2 { font-size: 18px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ input.MuiInputBase-input { border: 0; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; margin: 0; height: 3.35rem; padding: 18.5px 14px; font-size: 1.1876em; font-weight: 400; } input.MuiInputBase-input:focus { background: none; border-color: transparent; } .newsletter-subscription-update-form { padding: 16px 0; } .newsletter-subscription-update-form__validation-message { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; text-align: center; color: #ff3535; margin-bottom: 16px; } .newsletter-subscription-update-form__head { padding-bottom: 8px; } .newsletter-subscription-update-form__paragraph1 { font-size: 20px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.4; letter-spacing: normal; text-align: center; color: #333333; margin-bottom: 16px; } .newsletter-subscription-update-form__paragraph2 { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #0072bc; margin-bottom: 14px; } .newsletter-subscription-update-form__form { max-width: 460px; margin: 0 auto; } .newsletter-subscription-update-form__control-label { margin-bottom: 24px; } .newsletter-subscription-update-form__email-receivement.MuiCheckbox-root { margin-bottom: 0; } .newsletter-subscription-update-form__email-receivement-text { display: inline-block; font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #737373; margin-left: 7px; } .newsletter-subscription-update-form__submit-btn.MuiButton-contained { width: 100%; } @media only screen and (min-width: 768px) { .newsletter-subscription-update-form__validation-message { line-height: 1.67; } .newsletter-subscription-update-form__paragraph1 { font-size: 28px; line-height: normal; } .newsletter-subscription-update-form__email-receivement-text { line-height: 1.43; font-size: 14px; color: #666666; } .newsletter-subscription-update-form__names-container { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -8px; margin-right: -8px; } .newsletter-subscription-update-form__name-input-container { margin-left: 8px; margin-right: 8px; } } @media only screen and (min-width: 1440px) { .newsletter-subscription-update-form__paragraph1 { font-size: 32px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-subscription-item { display: inline-block; width: 33%; vertical-align: top; margin-bottom: 48px; } @media only screen and (max-width: 1440px) { .newsletter-subscription-item { width: 50%; margin-bottom: 32px; } } @media only screen and (max-width: 768px) { .newsletter-subscription-item { display: block; width: 100%; margin-bottom: 24px; } } .newsletter-subscription-item .item-title { font-size: 16px; font-weight: bold; letter-spacing: 0.09px; margin-bottom: 8px; color: #333333; } @media only screen and (max-width: 1440px) { .newsletter-subscription-item .item-title { font-size: 14px; } } @media only screen and (max-width: 768px) { .newsletter-subscription-item .item-title { font-size: 12px; } } .newsletter-subscription-item .item-description { line-height: 1.43; color: #737373; font-size: 14px; } @media only screen and (max-width: 1440px) { .newsletter-subscription-item .item-description { line-height: 1.5; font-size: 12px; } } @media only screen and (max-width: 768px) { .newsletter-subscription-item .item-description { line-height: 15px; font-size: 12px; } } .newsletter-subscription-item .item-text { display: inline-block; width: 175px; } @media only screen and (max-width: 1440px) { .newsletter-subscription-item .item-text { width: 160px; } } @media only screen and (max-width: 768px) { .newsletter-subscription-item .item-text { width: 170px; } } .newsletter-subscription-item .item-image { vertical-align: top; display: inline-block; margin-right: 16px; } .newsletter-subscription-item .item-image img { width: 128px; height: 128px; } @media only screen and (max-width: 1440px) { .newsletter-subscription-item .item-image img { width: 116px; height: 116px; } } @media only screen and (max-width: 768px) { .newsletter-subscription-item .item-image img { width: 94px; height: 94px; } } .newsletter-subscription-item .item-details { display: inline-block; } .newsletter-subscription-item input.c-checkbox__input { width: 24px; height: 24px; } @media only screen and (max-width: 768px) { .newsletter-subscription-item input.c-checkbox__input { width: 18px; height: 18px; } } .newsletter-subscription-item .c-checkbox--newsletter { display: inline-block; margin-right: 16px; vertical-align: top; margin-top: 30px; } @media only screen and (max-width: 1440px) { .newsletter-subscription-item .c-checkbox--newsletter { margin-top: 25px; } } @media only screen and (max-width: 768px) { .newsletter-subscription-item .c-checkbox--newsletter { margin-right: 8px; margin-top: 12px; } } .newsletter-subscription-item .newsletter-checkbox__noimage { margin-top: 0; } .newsletter-subscription-item .item-frequency { letter-spacing: 0.08px; font-size: 12px; color: #333333; } @media only screen and (max-width: 1440px) { .newsletter-subscription-item .item-frequency { font-size: 10px; } } @media only screen and (max-width: 768px) { .newsletter-subscription-item .item-frequency { font-size: 10px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-section-title { letter-spacing: 0.07px; color: #333333; font-size: 20px; border-bottom: 1px #737373 solid; padding-bottom: 16px; padding-top: 6px; font-weight: bold; margin-bottom: 23px; } @media only screen and (max-width: 727px) { .newsletter-section-title { padding-bottom: 8px; font-size: 16px; margin-bottom: 16px; padding-top: 0; text-align: center; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-section-title { padding-top: 0; } } .newsletter-subscription-section .selector { padding: 0; font-size: 12px; float: right; line-height: 30px; margin-top: -70px; text-decoration: underline; } @media only screen and (max-width: 727px) { .newsletter-subscription-section .selector { float: none; margin-top: 0; line-height: normal; padding-bottom: 20px; text-align: center; } } .newsletter-subscription-section .selector .selector-anchor { font-size: 12px; padding-right: 10px; } .selector-anchor.--selected { color: #c2c2c2; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-subscription-recommended-item { display: inline-block; width: 100%; vertical-align: top; margin-bottom: 48px; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item { display: block; width: 100%; margin-bottom: 24px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-item { width: 100%; margin-bottom: 32px; } } .newsletter-subscription-recommended-item .item-title { font-size: 22px; font-weight: bold; letter-spacing: 0.09px; margin-bottom: 8px; color: #333333; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item .item-title { font-size: 12px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-item .item-title { font-size: 17px; } } .newsletter-subscription-recommended-item .item-description { line-height: 22px; color: #737373; font-size: 16px; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item .item-description { line-height: 15px; font-size: 12px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-item .item-description { line-height: 1.5; font-size: 12px; } } .newsletter-subscription-recommended-item .item-text { display: inline-block; width: 374px; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item .item-text { width: 170px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-item .item-text { width: 243px; } } .newsletter-subscription-recommended-item .item-image { vertical-align: top; display: inline-block; margin-right: 16px; } .newsletter-subscription-recommended-item .item-image img { width: 168px; height: 168px; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item .item-image img { width: 94px; height: 94px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-item .item-image img { width: 128px; height: 128px; } } .newsletter-subscription-recommended-item .item-details { display: inline-block; } .newsletter-subscription-recommended-item input.c-checkbox__input { width: 24px; height: 24px; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item input.c-checkbox__input { width: 18px; height: 18px; } } .newsletter-subscription-recommended-item .c-checkbox--newsletter { display: inline-block; margin-right: 16px; vertical-align: top; margin-top: 50px; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item .c-checkbox--newsletter { margin-right: 8px; margin-top: 12px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-item .c-checkbox--newsletter { margin-top: 30px; } } .newsletter-subscription-recommended-item .newsletter-checkbox__noimage { margin-top: 0; } .newsletter-subscription-recommended-item .item-frequency { letter-spacing: 0.08px; font-size: 14px; color: #333333; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-item .item-frequency { font-size: 10px; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-item .item-frequency { font-size: 12px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-subscription-recommended-section .newsletter-section-title { letter-spacing: 0.07px; color: #333333; font-size: 20px; border-bottom: 1px #737373 solid; padding-bottom: 16px; padding-top: 6px; font-weight: bold; margin-bottom: 23px; } @media only screen and (max-width: 727px) { .newsletter-subscription-recommended-section .newsletter-section-title { padding-bottom: 8px; font-size: 16px; margin-bottom: 16px; padding-top: 0; text-align: center; } } @media only screen and (min-width: 728px) and (max-width: 1085px) { .newsletter-subscription-recommended-section .newsletter-section-title { padding-top: 0; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .newsletter-subscription { min-height: 100vh; background-color: #f8f8f8; } .o-newsletter-subscription-main { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding-bottom: 42px; } .o-newsletter-subscription-region { max-width: 310px; width: 100%; } @media only screen and (min-width: 768px) { .o-newsletter-subscription-region { max-width: 680px; } } @media only screen and (min-width: 1440px) { .o-newsletter-subscription-region { max-width: 1128px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-shop-package-item__banner { position: absolute; z-index: 11; width: 140px; height: 140px; } .o-shop-package-item__banner--middle { z-index: 13; } @media only screen and (min-width: 768px) { .o-shop-package-item__banner { margin-left: -16px; } } @media only screen and (min-width: 1440px) { .o-shop-package-item__banner { width: 167px; height: 167px; margin-left: -19px; margin-top: -3px; } } .o-shop-package-item__content { width: 311px; min-height: 290px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; margin: 16px; padding: 24px 32px; } @media only screen and (min-width: 768px) { .o-shop-package-item__content { width: 245px; min-height: 356px; margin-left: 0; margin-right: 0; -ms-flex-pack: distribute; justify-content: space-around; padding-top: 42px; } } @media only screen and (min-width: 1440px) { .o-shop-package-item__content { width: 328px; min-height: 352px; } } .o-shop-package-item__content--middle { z-index: 12; position: relative; } @media only screen and (min-width: 768px) { .o-shop-package-item__content--middle { min-height: 402px; -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); } } @media only screen and (min-width: 1440px) { .o-shop-package-item__content--middle { min-height: 400px; -webkit-box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px 2px rgba(0, 0, 0, 0.15); } } .o-shop-package-item__h1 { font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #333; } @media only screen and (min-width: 768px) { .o-shop-package-item__h1 { font-size: 20px; } } .o-shop-package-item__h2 { padding: 16px 0; border-bottom: solid 1px #d8d8d8; width: 100%; font-family: TorstarTextO3, sans-serif; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; font-size: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) { .o-shop-package-item__h2 { font-size: 36px; } } .o-shop-package-item__h2-price { font-size: 1em; color: #333333; } .o-shop-package-item__h2-description { font-size: 16px; line-height: 1.25; color: #666666; } .o-shop-package-item__h2-regular-price { font-family: TorstarTextO3, sans-serif; font-size: 24px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #666666; position: relative; } .o-shop-package-item__h2-regular-price::before { content: ''; width: 100%; position: absolute; right: 0; top: 50%; border-bottom: solid 2px #8f0c11; } .o-shop-package-item__h2-regular-price-group { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .o-shop-package-item__h3 { padding: 16px 0 28px; width: 100%; font-family: TorstarTextO3, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: center; color: #666666; } .o-shop-package-item__btn { width: 100%; height: 50px; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: 0.2px; font-weight: bold; font-size: 16px; border-radius: 5px; padding: 0; margin: 0; } html[data-theme='heavy-blue'] .o-shop-package-item__btn { color: #ffffff; border-color: #0072bc; background-color: #0072bc; } html[data-theme='heavy-blue'] .o-shop-package-item__btn:hover { border-color: #0072bc; background-color: #005183; } html[data-theme='heavy-blue'] .o-shop-package-item__btn:focus { border-color: #0072bc; outline-color: #0072bc; } html[data-theme='blue'] .o-shop-package-item__btn { color: #ffffff; border-color: #0072bc; background-color: #0072bc; } html[data-theme='blue'] .o-shop-package-item__btn:hover { border-color: #0072bc; background-color: #005183; } html[data-theme='blue'] .o-shop-package-item__btn:focus { border-color: #0072bc; outline-color: #0072bc; } html[data-theme='red'] .o-shop-package-item__btn { color: #ffffff; border-color: #8f0c11; background-color: #8f0c11; } html[data-theme='red'] .o-shop-package-item__btn:hover { border-color: #8f0c11; background-color: #c51e24; } html[data-theme='red'] .o-shop-package-item__btn:focus { border-color: #8f0c11; outline-color: #8f0c11; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-shop-package-list { min-height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) { .o-shop-package-list { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .o-shop-package-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-repeat: no-repeat; background-size: contain; background-position: top; width: 100%; } .o-shop-package-header__title { width: 100%; padding: 16px 0; margin: 0; font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.17; letter-spacing: normal; text-align: center; } @media only screen and (min-width: 768px) { .o-shop-package-header__title { width: 546px; font-size: 28px; line-height: normal; } } @media only screen and (min-width: 1440px) { .o-shop-package-header__title { width: 680px; font-size: 42px; line-height: 1.24; } } .o-shop-package-header__sub-title { width: 100%; padding-bottom: 16px; margin: 0; font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.57; letter-spacing: normal; text-align: center; } @media only screen and (min-width: 768px) { .o-shop-package-header__sub-title { width: 546px; font-size: 15px; line-height: 1.44; } } @media only screen and (min-width: 1440px) { .o-shop-package-header__sub-title { width: 680px; font-size: 16px; line-height: 1.44; } } .o-shop-package-header__legal { padding: 16px; font-size: 12px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; } @media only screen and (min-width: 768px) { .o-shop-package-header__legal { width: 546px; } } @media only screen and (min-width: 1440px) { .o-shop-package-header__legal { width: 680px; } } html[data-theme='heavy-blue'] .o-shop-package-header { color: #fff; background-color: #f4f4f4; } @media only screen and (min-width: 375px) { html[data-theme='heavy-blue'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/heavy-blue/header-bg-375.svg"); } } @media only screen and (min-width: 768px) { html[data-theme='heavy-blue'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/heavy-blue/header-bg-768.svg"); } } @media only screen and (min-width: 1440px) { html[data-theme='heavy-blue'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/heavy-blue/header-bg-1440.svg"); } } html[data-theme='heavy-blue'] .o-shop-package-header__title { color: #fff; } html[data-theme='heavy-blue'] .o-shop-package-header__legal { color: #666666; } html[data-theme='blue'] .o-shop-package-header { color: #333; background-color: #f5f5f5; } @media only screen and (min-width: 375px) { html[data-theme='blue'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/blue/header-bg-375.svg"); } } @media only screen and (min-width: 768px) { html[data-theme='blue'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/blue/header-bg-768.svg"); } } @media only screen and (min-width: 1440px) { html[data-theme='blue'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/blue/header-bg-1440.svg"); } } html[data-theme='blue'] .o-shop-package-header__title { color: #333; } html[data-theme='blue'] .o-shop-package-header__legal { color: #666666; } html[data-theme='red'] .o-shop-package-header { color: #333333; background-color: #f4f4f4; } @media only screen and (min-width: 375px) { html[data-theme='red'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/red/header-bg-375.svg"); } } @media only screen and (min-width: 768px) { html[data-theme='red'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/red/header-bg-768.svg"); } } @media only screen and (min-width: 1440px) { html[data-theme='red'] .o-shop-package-header { background-image: url("/assets/svg/shop-package/red/header-bg-1440.svg"); } } html[data-theme='red'] .o-shop-package-header__title { color: #333333; } html[data-theme='red'] .o-shop-package-header__legal { color: #666666; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .shop-package-benefit-item { margin-bottom: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; } .shop-package-benefit-item__icon.c-svg { width: 24px; height: 24px; margin-right: 16px; } .shop-package-benefit-item__text { font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; margin: 0; font-family: 'MerriweatherSans', Helvetica, sans-serif; } html[data-theme='heavy-blue'] .shop-package-benefit-item__icon.c-svg { fill: #ffffff; } html[data-theme='heavy-blue'] .shop-package-benefit-item__text { color: #ffffff; } html[data-theme='blue'] .shop-package-benefit-item__icon.c-svg { fill: #25833d; } html[data-theme='blue'] .shop-package-benefit-item__text { color: #333333; } html[data-theme='red'] .shop-package-benefit-item__icon.c-svg { fill: #25833d; } html[data-theme='red'] .shop-package-benefit-item__text { color: #333333; } @media only screen and (min-width: 768px) { .shop-package-benefit-item__icon.c-svg { margin-right: 8px; } .shop-package-benefit-item__text { font-size: 18px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .shop-package-more-offer-card { padding: 24px; border-radius: 3px; -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.15); background-color: #ffffff; height: 100%; } .shop-package-more-offer-card__content { position: relative; height: 100%; } .shop-package-more-offer-card__head { font-family: 'MerriweatherSans', Helvetica, sans-serif; font-size: 19px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: 1.58; letter-spacing: normal; text-align: center; color: #333333; display: inline-block; padding-bottom: 8px; border-bottom: 1px solid #ececec; margin-bottom: 24px; width: 100%; } .shop-package-more-offer-card__text { font-family: TorstarTextO3, sans-serif; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.25; letter-spacing: normal; text-align: center; color: #666666; padding: 0 8px 62px; } .shop-package-more-offer-card__link-button { font-family: 'MerriweatherSans', Helvetica, sans-serif; font-size: 14px; display: block; border-radius: 5px; border-width: 1px; border-style: solid; width: 168px; padding-top: 7px; padding-bottom: 7px; left: 0; right: 0; margin: auto; letter-spacing: normal; text-align: center; font-weight: bold; font-stretch: normal; font-style: normal; position: absolute; bottom: 0; } @media only screen and (min-width: 768px) { .shop-package-more-offer-card__content { min-height: 185px; } } html[data-theme='heavy-blue'] .shop-package-more-offer-card__link-button { border-color: #0072bc; color: #0072bc; } html[data-theme='blue'] .shop-package-more-offer-card__link-button { border-color: #0072bc; color: #0072bc; } html[data-theme='red'] .shop-package-more-offer-card__link-button { border-color: #8f0c11; color: #8f0c11; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .shop-package-more-offers { padding: 32px 32px 48px; } .shop-package-more-offers__head { font-family: 'MerriweatherSans', Helvetica, sans-serif; font-size: 24px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; color: #3a3a3a; margin-bottom: 32px; } .shop-package-more-offers__card { margin-bottom: 16px; } .shop-package-more-offers__legal { font-family: 'MerriweatherSans', Helvetica, sans-serif; font-size: 12px; font-weight: 300; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: normal; text-align: center; color: #666666; margin-top: 16px; } @media only screen and (min-width: 768px) { .shop-package-more-offers { padding: 48px 44px; } .shop-package-more-offers__head { font-size: 28px; margin-bottom: 48px; color: #333333; } .shop-package-more-offers__cards-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -12px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .shop-package-more-offers__card { padding: 12px; -webkit-box-flex: 1; -ms-flex: 1 1 50%; flex: 1 1 50%; margin: 0; max-width: 352px; } } @media only screen and (min-width: 1440px) { .shop-package-more-offers { padding: 80px 0; max-width: 1176px; margin: 0 auto; } .shop-package-more-offers__head { font-size: 28px; margin-bottom: 48px; } .shop-package-more-offers__card { -ms-flex-preferred-size: 25%; flex-basis: 25%; max-width: 33%; } .shop-package-more-offers__card--narrowed { max-width: 25%; } .shop-package-more-offers__legal { max-width: 680px; margin: 32px auto 0; } } .o-shop-package-section { margin: 0 auto; width: 100%; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .u-visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0; overflow: hidden; clip: rect(0 0 0 0); border: 0; } .u-no-scroll { position: fixed; overflow: hidden; width: 100%; } .u-scrollbar-measure { width: 100px; height: 100px; overflow: scroll; position: absolute; top: -9999px; } .c-svg { width: 100%; height: 100%; } .c-svg--checkmark-circle { fill: #0072bc; width: 20px; height: 20px; display: inline-block; } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-button { cursor: pointer; border: none; background-color: transparent; -webkit-appearance: none; -moz-appearance: none; appearance: none; display: block; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; color: #ffffff; font-size: 0.875rem; border-radius: 0.3125rem; width: 100%; background-color: #00548b; border: 0.0625rem solid #0072bc; padding: 0.3125rem; margin: 0; text-align: center; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; } .c-button:active { background-color: #b6b6b6; } .c-button:focus, .c-button:hover { background-color: #0072bc; color: #fff; } .c-button:disabled, .c-button--disabled { background-color: #00548b; color: #b6b6b6; pointer-events: none; } .c-button--secondary { background-color: #fff; border: 0.125rem solid #0072bc; color: #0072bc; } .c-button--secondary:active { background-color: #b6b6b6; } .c-button--secondary:focus, .c-button--secondary:hover { background-color: #f8f8f8; border: 0.125rem solid #00548b; color: #00548b; } .c-button--secondary:disabled, .c-button--secondary--disabled { background-color: #fff; color: #00548b; pointer-events: none; } .c-button--orange { background-color: #ff5724; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff5724), to(#db3300)); background-image: -o-linear-gradient(top, #ff5724, #db3300); background-image: linear-gradient(to bottom, #ff5724, #db3300); border: 0.125rem solid #ff5724; } .c-button--orange:active { background-color: #b6b6b6; } .c-button--orange:focus, .c-button--orange:hover { background-color: #db3300; background-image: -webkit-gradient(linear, left top, left bottom, from(#db3300), to(#ff5724)); background-image: -o-linear-gradient(top, #db3300, #ff5724); background-image: linear-gradient(to bottom, #db3300, #ff5724); border: 0.125rem solid #ff5724; } .c-button--orange:disabled, .c-button--orange--disabled { background-color: #fff; pointer-events: none; } .c-button--not-interactive { pointer-events: none; cursor: not-allowed; } .c-button--interactive { pointer-events: visible; cursor: not-allowed; } .c-button--no-style { background: transparent; border: none; color: #00548b; } .c-button--no-style:active { color: #0072bc; background: transparent; } .c-button--no-style:focus, .c-button--no-style:hover { background: transparent; border: none; color: inherit; } .c-button--no-style:disabled, .c-button--no-style--disabled { color: #cccccc; pointer-events: none; } html[data-theme='heavy-blue'] .o-subscription-section .c-subscription-packages-title { color: #0062a1; } html[data-theme='heavy-blue'] .c-subscription-title { color: #0062a1; } @media only screen and (max-width: 727px) { html[data-theme='heavy-blue'] .o-subscription-package--body { background: -o-linear-gradient(250deg, #0986db 28%, #0986db 31%, #f6f6f6 31%) no-repeat; background: linear-gradient(200deg, #0986db 28%, #0986db 31%, #f6f6f6 31%) no-repeat; } } html[data-theme='blue'] .o-subscription-section .c-subscription-packages-title { color: #333; } html[data-theme='blue'] .o-subscription-section .c-svg--checkmark-circle { fill: #25833d; } html[data-theme='blue'] .c-subscription-title { color: #333; } @media only screen and (max-width: 727px) { html[data-theme='blue'] .o-subscription-package--body { background: -o-linear-gradient(250deg, #d6deea 28%, #d6deea 31%, #f6f6f6 31%) no-repeat; background: linear-gradient(200deg, #d6deea 28%, #d6deea 31%, #f6f6f6 31%) no-repeat; } } html[data-theme='red'] .o-subscription-section .c-subscription-packages-title { color: #333; } html[data-theme='red'] .o-subscription-section .c-svg--checkmark-circle { fill: #25833d; } html[data-theme='red'] .c-subscription-title { color: #333; } @media only screen and (max-width: 727px) { html[data-theme='red'] .o-subscription-package--body { background: -o-linear-gradient(250deg, #d6deea 28%, #d6deea 31%, #f6f6f6 31%) no-repeat; background: linear-gradient(200deg, #d6deea 28%, #d6deea 31%, #f6f6f6 31%) no-repeat; } } .o-subscription-section { margin: 0 auto; width: 100%; } .o-subscription-package { height: 100%; overflow: hidden; width: 100%; } .o-subscription-package--body { padding: 0 40px; position: relative; overflow: hidden; margin-top: -186px; } .o-subscription-package--header { background-color: #f6f6f6; padding-bottom: 192px; } .o-container { max-width: 1176px; width: auto; margin: 0 auto; z-index: 10; } .o-container--bg-image { position: absolute; top: 0; background-repeat: no-repeat; background-size: cover; background-position: bottom; height: 58.5%; left: 0; right: 0; z-index: -1; } .o-section { display: grid; grid-template-columns: 1fr auto; grid-gap: 0; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 1176px; margin: 0 auto; } @media all and (-ms-high-contrast: none) { .o-section { display: block; } } @media all and (-ms-high-contrast: none) { .o-section > *:nth-child(1) { display: inline-block !important; margin-bottom: 0 !important; width: auto !important; } .o-section > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(3) { display: inline-block !important; margin-bottom: 0 !important; width: auto !important; } .o-section > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(5) { display: inline-block !important; margin-bottom: 0 !important; width: auto !important; } .o-section > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(7) { display: inline-block !important; margin-bottom: 0 !important; width: auto !important; } .o-section > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(9) { display: inline-block !important; margin-bottom: 0 !important; width: auto !important; } .o-section > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(12) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(14) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(16) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(18) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-child(20) { display: inline-block !important; margin-bottom: 0 !important; width: calc(auto - 0) !important; margin-right: 0 !important; } .o-section > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-section > *:nth-last-child(2) { margin-bottom: 0 !important; } } @media all and (-ms-high-contrast: none) { .o-section { grid-template-columns: 1fr 2fr; grid-gap: 0; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-section > *:nth-child(1) { display: inline-block !important; margin-bottom: 0 !important; width: 33.33333% !important; } .o-section > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(3) { margin-bottom: 0 !important; width: 33.33333% !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-section > *:nth-child(3) { display: block !important; } } @media all and (-ms-high-contrast: none) and (-ms-high-contrast: none) { .o-section > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(5) { display: inline-block !important; margin-bottom: 0 !important; width: 33.33333% !important; } .o-section > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(7) { display: inline-block !important; margin-bottom: 0 !important; width: 33.33333% !important; } .o-section > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(9) { display: inline-block !important; margin-bottom: 0 !important; width: 33.33333% !important; } .o-section > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(2) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(4) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(6) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(8) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(10) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(12) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(14) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(16) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(18) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-child(20) { display: inline-block !important; margin-bottom: 0 !important; width: 66.66667% !important; } .o-section > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-section > *:nth-last-child(2) { margin-bottom: 0 !important; } } .o-subscription-tabs { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; list-style: none; margin: 0; padding: 0; } @media all and (-ms-high-contrast: none) { .o-subscription-tabs { display: block; } } @media all and (-ms-high-contrast: none) { .o-subscription-tabs > * { display: inline-block !important; margin-right: 20px !important; margin-bottom: 20px !important; width: calc(50% - 10px) !important; } .o-subscription-tabs > *:nth-child(2) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(4) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(6) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(8) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(10) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(12) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(14) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(16) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(18) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(20) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(22) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(24) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(26) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(28) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(30) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(32) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(34) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(36) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(38) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-child(40) { margin-right: 0 !important; } .o-subscription-tabs > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-subscription-tabs > *:nth-last-child(2) { margin-bottom: 0 !important; } } .o-tab-view { width: 100%; } .o-tab-view--loading { padding: 0; height: 500px; } .o-tab-view--subscription { padding: 45px 60px 60px 60px; background-color: #ffffff; margin: 20px 0; } .o-subscription-pane__header { width: 100%; border-bottom: 1px solid #979797; padding-bottom: 28px; margin-bottom: 40px; } .o-subscription-pane__header .c-button--subscription { margin: 0 auto; } .o-subscription-pane__body { grid-area: features; vertical-align: top; } .o-tab-view__pane--digital-access .o-subscription-pane__body { display: grid; grid-template-columns: auto 325px; grid-gap: 20px; } @media all and (-ms-high-contrast: none) { .o-tab-view__pane--digital-access .o-subscription-pane__body { display: block; } } @media all and (-ms-high-contrast: none) { .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(1) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; margin-right: 20px !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(3) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; margin-right: 20px !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(5) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; margin-right: 20px !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(7) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; margin-right: 20px !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(9) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; margin-right: 20px !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: calc(auto - 20px) !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(2) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(4) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(6) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(8) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(10) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(12) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(14) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(16) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(18) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-child(20) { display: inline-block !important; margin-bottom: 20px !important; width: 325px !important; margin-right: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-last-child(1) { margin-bottom: 0 !important; } .o-tab-view__pane--digital-access .o-subscription-pane__body > *:nth-last-child(2) { margin-bottom: 0 !important; } } .o-subscription-pane__section { padding: 0; margin: 0; vertical-align: top; width: 100%; } @media all and (-ms-high-contrast: none) { .o-subscription-pane__section--digital-access { margin: auto auto auto 123px; } } .o-subscription-pane__section--align-right { justify-self: end; } .o-tab-view__pane { display: none; background-color: #fff; } .o-tab-view__pane--active { display: block; } .c-arrow-anchor { display: none; } .c-arrow-right { color: #ccc; font-size: 4rem; overflow: hidden; vertical-align: middle; } .c-explore-packages { text-align: center; color: #333; font-weight: 800; font-size: 26px; padding: 95px 0 40px 0; background-color: #f6f6f6; height: 120px; } .c-subscription-tab { display: grid; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-box-pack: stretch; -ms-flex-pack: stretch; justify-content: stretch; height: 150px; margin: 0 auto; padding: 0; width: 100%; } @media all and (-ms-high-contrast: none) { .c-subscription-tab { display: block; } } .c-subscription-tab__image { width: auto; padding: 0; opacity: 0.5; display: block; margin: 0 auto; } .c-subscription-tab__image--brand { height: 46px; } .c-subscription-tab__image--digital-access { height: 20px; } .c-subscription-pane__features { padding: 0; margin: 0; list-style: none; } .c-subscription-pane__features--desktop { display: block; } .c-subscription-pane__features--mobile { display: none; } .c-subscription-pane__features-item { margin: 0 0 20px 0; padding: 0; vertical-align: middle; } .c-subscription-pane__features-item__text { display: inline-block; font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; font-size: 18px; line-height: 24px; margin: 0; padding: 0 0 0 20px; vertical-align: top; width: calc(100% - 20px); } .c-subscription-list { position: relative; list-style: none; margin: 0; padding: 0 0 20px 0; } .c-subscription-list--packages { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; padding: 40px 0; grid-area: prices; } @media all and (-ms-high-contrast: none) { .c-subscription-list--packages { display: block; } } @media all and (-ms-high-contrast: none) { .c-subscription-list--packages > * { display: inline-block !important; margin-right: 20px !important; margin-bottom: 20px !important; width: calc(50% - 10px) !important; } .c-subscription-list--packages > *:nth-child(2) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(4) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(6) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(8) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(10) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(12) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(14) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(16) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(18) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(20) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(22) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(24) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(26) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(28) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(30) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(32) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(34) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(36) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(38) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-child(40) { margin-right: 0 !important; } .c-subscription-list--packages > *:nth-last-child(1) { margin-bottom: 0 !important; } .c-subscription-list--packages > *:nth-last-child(2) { margin-bottom: 0 !important; } } .c-serif-font { font-family: Merriweather Sans, Helvetica, Roboto, Arial, sans-serif; font-size: 36px; font-weight: bold; padding: 0; margin: 0; } .trial-subscription-section { padding-top: 32px; } .c-subscription-title { color: #383838; padding: 27px 0 0 0; font-size: 36px; vertical-align: bottom; text-align: center; } .c-subscription-title--desktop { display: block; } .c-subscription-title--mobile { display: none; } .c-subscription-title-wsg-logo { width: 462px; height: auto; } .c-subscription-packages-title { color: #383838; padding: 20px 0; font-size: 24px; font-weight: 800; } .o-subscription-package-logo { width: 264px; margin: 0 auto; } .o-subscription-package-logo img { width: 100%; } .c-show-for-tablet-only { display: none; } .c-great-value-banner-image { width: 132px; height: 136px; margin: 0; top: 0; -webkit-transform: translate(-9px, -9px); -ms-transform: translate(-9px, -9px); transform: translate(-9px, -9px); background-image: url("/assets/svg/great-value.svg"); background-repeat: no-repeat; background-size: 100%; position: absolute; z-index: 2; } @media only screen and (min-width: 728px) and (max-width: 1085px) { .o-container { width: 100%; } .o-container--bg-image { height: 800px; } .o-subscription-pane__header { grid-template-columns: 2fr 1fr; grid-gap: 20px; width: 100%; margin-bottom: 20px; position: relative; } .o-subscription-pane__body { padding: 0; margin: 0; vertical-align: top; } .o-tab-view__pane--digital-access .o-subscription-pane__body { grid-template-columns: 66%; grid-gap: 20px; width: 66% !important; display: inline-block; } .o-tab-view--subscription { grid-template-columns: repeat(1, 1fr); grid-gap: 20px; } .o-section { grid-template-columns: 1fr 2fr; grid-gap: 0; padding: 20px 0; } .c-explore-packages { font-size: 24px; padding: 35px 0 15px 0; } .c-subscription-list--packages { grid-template-columns: 1fr; grid-gap: 20px; display: inline-block; width: 33%; padding: 20px 0; margin: 0; vertical-align: top; } .c-subscription-pane__features { padding: 0; } .c-subscription-tab { height: 105px; } .c-subscription-pane__features-item__text { font-size: 16px; line-height: 22px; margin: 0; width: calc(100% - 20px); } .c-serif-font { font-size: 24px; } .o-subscription-pane__section { padding: 0 50px 0 0; } .c-svg--checkmark-circle { display: inline-block; height: 20px; vertical-align: top; } .o-subscription-section.subscribe-b .c-subscription-title { font-size: 24px; color: #383838; text-align: center; width: 65%; margin: 0 auto; } .c-show-for-tablet-only { display: block; } .o-subscription-section .c-button--subscription { bottom: 0; } .o-subscription-package-logo { width: 201px; height: 57px; } .o-subscription-package--body { margin-top: -137px; } .o-subscription-package--header { padding-bottom: 147px; } .c-great-value-banner-image { display: none; } } @media only screen and (max-width: 727px) { .o-container { width: 100%; } .o-subscription-section.subscribe-b .c-subscription-title { font-size: 24px; color: #383838; } .o-subscription-section.subscribe-b .c-subscription-title--desktop { display: none; } .o-subscription-section.subscribe-b .c-subscription-title--mobile { display: block; } .o-subscription-pane__header { grid-template-columns: 1fr; grid-gap: 20px; border: none; margin: 0; padding: 0; } .o-subscription-pane__body { grid-template-columns: 1fr; grid-gap: 20px; } .o-tab-view__pane--digital-access .o-subscription-pane__body { grid-template-columns: 100%; grid-gap: 20px; width: 100% !important; display: inline-block; grid-template-areas: 'header' 'prices' 'features'; } .o-subscription-package--body { padding: 10px; background-position-y: 0; background: -o-linear-gradient(250deg, #0986db 28%, #0986db 31%, #f6f6f6 31%) no-repeat; background: linear-gradient(200deg, #0986db 28%, #0986db 31%, #f6f6f6 31%) no-repeat; background-size: 100% 100%; margin-top: -135px; overflow: visible; } .o-tab-view--subscription { padding: 30px 20px 20px; border-radius: 5px; margin: -40px 0 10px 0; } .o-section { display: block; margin: 0; padding: 15px 0 0 0; width: 100%; position: relative; } .o-subscription-tabs { grid-template-columns: repeat(2, 1fr); grid-gap: 10px; } .o-tab-view__pane--digital-access.o-tab-view__pane--active { display: grid; grid-gap: 20px; grid-template-areas: 'header' 'prices' 'features'; } .c-explore-packages { font-size: 16px; padding: 30px 0 10px 0; } .c-arrow-anchor { display: table-cell; vertical-align: middle; } .c-subscription-list--packages { padding: 30px 0; } .c-subscription-pane__features { padding: 0 10px 0 0; width: 100%; } .c-subscription-pane__features--desktop { display: none; } .c-subscription-pane__features--mobile { display: block; } .c-subscription-pane__features-item__text { display: inline-block; font-size: 14px; line-height: 24px; margin: 0; width: calc(100% - 20px); } .c-subscription-packages-title { font-size: 14px; } .c-serif-font { font-size: 18px; } .o-subscription-pane__section--digital-access { display: none; } .c-subscription-tab { height: 111px; } .c-subscription-tab__image { padding: 0; } .c-subscription-tab__image--brand { height: 32px; } .c-subscription-tab__image--digital-access { height: 14.5px; margin: 10px auto 0 auto; } .c-svg--checkmark-circle { display: inline-block; height: 20px; vertical-align: top; } .o-subscription-package-logo { width: 150px; height: 41px; } .c-great-value-banner-image { display: none; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-daps-form-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-daps-form-banner__p1 { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 28px 12px 16px 12px; } .c-daps-form-banner__p1--thestar { color: #000; } .c-daps-form-banner__p1--therecord { color: #000; } .c-daps-form-banner__p1--thespec { color: #000; } .c-daps-form-banner__p2 { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 0 12px 28px 12px; } .c-daps-form-banner__p2--thestar { color: #333; } .c-daps-form-banner__p2--therecord { color: #333; } .c-daps-form-banner__p2--thespec { color: #333; } .c-daps-form-banner__given-name { font-weight: bold; } @media only screen and (min-width: 768px) { .c-daps-form-banner__p1 { padding: 28px 24px 16px 24px; font-size: 24px; } .c-daps-form-banner__p2 { padding: 0 20px 28px 20px; font-size: 14px; } } @media only screen and (min-width: 1440px) { .c-daps-form-banner__p1 { padding: 44px 36px 32px 36px; font-size: 30px; } .c-daps-form-banner__p2 { padding: 0 36px 44px 36px; font-size: 14px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ input.MuiInputBase-input { border: 0; border-color: transparent; -webkit-box-shadow: none; box-shadow: none; margin: 0; height: 3.35rem; padding: 18.5px 14px; font-size: 1.1876em; font-weight: 400; } input.MuiInputBase-input:focus { background: none; border-color: transparent; } .c-daps-form-banner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-daps-form-banner__p1 { font-size: 22px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 28px 12px 16px 12px; } .c-daps-form-banner__p1--thestar { color: #000; } .c-daps-form-banner__p1--therecord { color: #000; } .c-daps-form-banner__p1--thespec { color: #000; } .c-daps-form-banner__p2 { font-size: 14px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; padding: 0 12px 28px 12px; } .c-daps-form-banner__p2--thestar { color: #333; } .c-daps-form-banner__p2--therecord { color: #333; } .c-daps-form-banner__p2--thespec { color: #333; } .c-daps-form-banner__given-name { font-weight: bold; } .c-daps-form-details { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 28px 12px; } .c-daps-form-details__p1 { font-size: 16px; font-weight: bold; font-stretch: normal; font-style: normal; line-height: normal; letter-spacing: normal; text-align: center; padding-bottom: 24px; } .c-daps-form-details__p1--thestar { color: #222222; } .c-daps-form-details__p1--therecord { color: #222222; } .c-daps-form-details__p1--thespec { color: #222222; } .c-daps-form-details__p2 { font-size: 12px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.67; letter-spacing: normal; text-align: center; padding: 0 8px; } .c-daps-form-details__p2--thestar { color: #666666; } .c-daps-form-details__p2--therecord { color: #666666; } .c-daps-form-details__p2--thespec { color: #666666; } .c-daps-form-details__form { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .c-daps-form-details__form > label { width: 100%; } .c-daps-form-details__form > .MuiFormControlLabel-root > .MuiFormControlLabel-label { margin-top: -9px; } .c-daps-form-details__agreement-container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px; } .c-daps-form-details__agreement-checkbox { margin: 0 10px 0 0 !important; } .c-daps-form-details__agreement-text { margin: 0; font-size: 12px; } .c-daps-form-details__agreement-text--thestar { color: #666666; } .c-daps-form-details__agreement-text--therecord { color: #666666; } .c-daps-form-details__agreement-text--thespec { color: #666666; } @media only screen and (min-width: 768px) { .c-daps-form-banner__p1 { padding: 28px 24px 16px 24px; font-size: 24px; } .c-daps-form-banner__p2 { padding: 0 20px 28px 20px; font-size: 14px; } .c-daps-form-details { padding: 28px 20px; } .c-daps-form-details__p1 { font-size: 16px; } .c-daps-form-details__p2 { font-size: 12px; } .c-daps-form-details__agreement-text { font-size: 14px; } .c-daps-form-details__form { width: 460px; } } @media only screen and (min-width: 1440px) { .c-daps-form-banner__p1 { padding: 44px 36px 32px 36px; font-size: 30px; } .c-daps-form-banner__p2 { padding: 0 36px 44px 36px; font-size: 14px; } .c-daps-form-details { padding: 28px 20px; } .c-daps-form-details__p1 { font-size: 18px; } .c-daps-form-details__p2 { font-size: 12px; } .c-daps-form-details__agreement-text { font-size: 14px; } .c-daps-form-details__form { width: 460px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .daps-form { min-height: 100vh; background-color: #f8f8f8; } .o-daps-form-main { padding-bottom: 42px; } .o-daps-form-component { border-radius: 5px; -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.08); border: 1px solid rgba(0, 0, 0, 0.15); background-color: #ffffff; margin-left: 12px; margin-right: 12px; } .o-daps-form-component--middle { margin-top: 20px; margin-bottom: 24px; } @media only screen and (min-width: 481px) { .o-daps-form-component { margin-left: 64px; margin-right: 64px; } .o-daps-form-component--middle { margin-top: 24px; margin-bottom: 48px; } } @media only screen and (min-width: 1025px) { .o-daps-form-component { max-width: 900px; margin-left: auto; margin-right: auto; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .c-topic-section { text-align: center; margin-bottom: 8px; } @media only screen and (min-width: 728px) { .c-topic-section { margin-bottom: 16px; } } @media only screen and (min-width: 1086px) { .c-topic-section { margin-left: auto; margin-right: auto; margin-bottom: 16px; max-width: 1176px; } } .c-topic-section__link { display: block; } @media only screen and (min-width: 1086px) { .c-topic-section__link { margin-top: -24px; margin-left: 27px; max-width: 680px; } } /* ------------------------ */ /* Font-Family: TorstarText03 /* Usage : Article Body /* ------------------------ */ @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Italic.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Italic.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'TorstarTextO3'; src: url("/assets/fonts/TorstarTextO3-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarTextO3-Bold.woff") format("woff"), url("/assets/fonts/TorstarTextO3-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } /* ------------------------ */ /* Font-Family: Torstar Compressed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarCompressed'; src: url("/assets/fonts/TorstarCompressed-Bold.woff2") format("woff2"), url("/assets/fonts/TorstarCompressed-Bold.woff") format("woff"), url("/assets/fonts/TorstarCompressed-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Torstar Deck Condensed /* Usage : Headlines /* ------------------------ */ @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Roman.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Roman.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Roman.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } @font-face { font-family: 'TorstarDeckCondensed'; src: url("/assets/fonts/TorstarDeckCondensed-Semibold.woff2") format("woff2"), url("/assets/fonts/TorstarDeckCondensed-Semibold.woff") format("woff"), url("/assets/fonts/TorstarDeckCondensed-Semibold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; -webkit-font-variant-ligatures: normal; font-variant-ligatures: normal; text-rendering: optimizeLegibility; } /* ------------------------ */ /* Font-Family: Merriweather Sans /* Usage : UI elements (nav etc.) /* ------------------------ */ @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Regular.ttf") format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Italic.ttf") format("truetype"); font-weight: 400; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-BoldItalic.ttf") format("truetype"); font-weight: 700; font-style: italic; font-display: swap; } @font-face { font-family: 'Merriweather Sans'; src: url("/assets/fonts/merriweather/MerriweatherSans-Black.woff2") format("woff2"), url("/assets/fonts/merriweather/MerriweatherSans-Black.woff") format("woff"), url("/assets/fonts/merriweather/MerriweatherSans-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } /* stylelint-disable */ /* stylelint-enable */ .author-preview-border-top, .author-preview-border-bottom, .author-preview-border-left, .author-preview-border-right { background: #d3ea9a; position: fixed; z-index: 2400; } .author-preview-border-left, .author-preview-border-right { top: 0; bottom: 0; width: 15px; } .author-preview-border-left { left: 0; } .author-preview-border-right { right: 0; } .author-preview-border-top, .author-preview-border-bottom { left: 0; right: 0; height: 15px; } .author-preview-border-top { top: 0; } .author-preview-border-bottom { bottom: 0; } /*# sourceMappingURL=bundle.css.map?v=249e738d7ceda356cf40*/